New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

primer-tooltips

Package Overview
Dependencies
Maintainers
14
Versions
856
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

primer-tooltips - npm Package Compare versions

Comparing version

to
2.1.0-alpha.0e97ea6c

4

package.json
{
"version": "2.1.0-alpha.0a57e1d1",
"version": "2.1.0-alpha.0e97ea6c",
"name": "primer-tooltips",

@@ -34,3 +34,3 @@ "description": "Add tooltips built entirely in CSS to nearly any element.",

"dependencies": {
"primer-support": "5.1.0-alpha.0a57e1d1"
"primer-support": "5.1.0-alpha.0e97ea6c"
},

@@ -37,0 +37,0 @@ "keywords": [

@@ -50,4 +50,8 @@ # Primer Tooltips

**Attention**: we use `aria-label` for tooltips instead of something like `data-tooltip` because it is crucial that the tooltip content is available for screen reader users as well. However, `aria-label` **replaces** the text content of an element for screen reader users, so only use tooltip if there is no better way to present the information, or consider using `title` for supplement information.
Tooltips as a UI pattern should be your last resort for conveying information because it is hidden by default and often with zero or little visual indicator of its existence.
Before you add a tooltip, please consider: Is this information essential and necessary* Can the UI be made clearer? Can the information be shown on the page by default?
**Attention**: we use `aria-label` for tooltip contents, because it is crucial that they are accessible to screen reader users. However, `aria-label` **replaces** the text content of an element in screen readers, so only use `.tooltipped` on elements with no existing text content, or consider using `title` for supplement information.
**Note:** Tooltip classes will conflict with Octicon styles, and as such, must be applied to the parent element instead of the icon.

@@ -54,0 +58,0 @@