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

[Tooltip] Use label semantics #22729

Merged
merged 8 commits into from Sep 28, 2020
Merged

Conversation

eps1lon
Copy link
Member

@eps1lon eps1lon commented Sep 25, 2020

The Tooltip currently applies label and description semantics (title + aria-describedby) which doesn't seem correct to me. It's apparent if you look at our usage in the docs where we pass title to aria-label.

This PR moves to label only semantics via aria-label for string titles or aria-labelledby for anything else. For non-string titles you'd still need to label the child separately. But this was already the case before.

It also gets rid of the problematic title attribute.

It's unclear what SEO concerns this should solve.

Opening this for a11y testing and a11y snapshots diff in mui-scrips-incubator. In this form it can't land in v4 anyway. Also needs docs.

@eps1lon eps1lon added accessibility a11y breaking change component: tooltip This is the name of the generic UI component, not the React module! labels Sep 25, 2020
@mui-pr-bot
Copy link

mui-pr-bot commented Sep 25, 2020

Details of bundle changes

Generated by 🚫 dangerJS against 80e958b

@eps1lon eps1lon marked this pull request as ready for review September 25, 2020 11:33
@oliviertassinari
Copy link
Member

Proposed changes in eps1lon#476

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y breaking change component: tooltip This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants