Skip to content
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

Merged
merged 3 commits into from
Mar 6, 2024

Conversation

davidmenendez
Copy link
Contributor

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.

Copy link

netlify bot commented Mar 4, 2024

Deploy Preview for v11-carbon-react ready!

Name Link
🔨 Latest commit 9b2fe5b
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/65e86bfa997b280008378571
😎 Deploy Preview https://deploy-preview-15886--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Member

@tay1orjones tay1orjones left a 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!

@tay1orjones
Copy link
Member

For context, here's the PR

@tw15egan do you have any thoughts or recall any specifics beyond whats in the review there?

Copy link
Collaborator

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍 ✅

@tw15egan tw15egan enabled auto-merge March 6, 2024 13:13
@tw15egan tw15egan added this pull request to the merge queue Mar 6, 2024
Merged via the queue into carbon-design-system:main with commit a25947d Mar 6, 2024
20 checks passed
@davidmenendez davidmenendez deleted the issue-15885 branch March 6, 2024 16:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[a11y]: tag being interpreted as a group by voiceover
4 participants