-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: remove title from tag component #15886
Conversation
✅ Deploy Preview for v11-carbon-react ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A long time ago this was added so that if a user has a tag with lots of words and they set text-overflow:ellipsis on it, the title would show on hover to reveal the full text.
The design guidance now states that tags should be one or two words at most, so I think this isn't so much a concern anymore. Additionally I think using a Tooltip in that scenario would be preferred anyway?
All this to say I think the historical reason why this was initially added no longer applies. Let me know if I'm wrong!
For context, here's the PR @tw15egan do you have any thoughts or recall any specifics beyond whats in the review there? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍 ✅
a25947d
Closes #15885
this address an accessibility issue with voiceover where tag's where being described as "groups". the underlying problem appears to be usage of a title attribute in the tag
span
. double checking the title documentation in MDN i don't believe a title is necessary here and removing it alleviates the voiceover problem.i was able to verify this change by running voiceover locally and verifying that this change wasn't a new violation in the equal access checker.