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(tooltip): add aria-labelledby and adjust aria-describedby attributes #4073

Merged
merged 2 commits into from
Sep 25, 2019
Merged

fix(tooltip): add aria-labelledby and adjust aria-describedby attributes #4073

merged 2 commits into from
Sep 25, 2019

Conversation

dakahn
Copy link
Contributor

@dakahn dakahn commented Sep 24, 2019

Closes #2736

Some aria fixes improving screen reader support for the component.

Changelog

  • add aria-describedby (so the tooltip's content will be read)
  • changed the attribute aria-describedby to aria-labelledby (so it will be announced)
  • update the comment to reflect the changes

Testing / Reviewing

  1. on a Mac hit cmd-F5 to enable VoiceOver
  2. click to focus the Storybook frame in browser
  3. hit tab to move focus to the default tooltip icon
What you should hear

The tooltip should expand, the element should be announced, and the content should be read.

@dakahn dakahn requested a review from a team as a code owner September 24, 2019 19:15
@ghost ghost requested review from asudoh and jnm2377 September 24, 2019 19:15
@netlify
Copy link

netlify bot commented Sep 24, 2019

Deploy preview for the-carbon-components ready!

Built with commit 7274a0a

https://deploy-preview-4073--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Sep 24, 2019

Deploy preview for carbon-components-react ready!

Built with commit 7274a0a

https://deploy-preview-4073--carbon-components-react.netlify.com

@netlify
Copy link

netlify bot commented Sep 24, 2019

Deploy preview for carbon-elements ready!

Built with commit 7274a0a

https://deploy-preview-4073--carbon-elements.netlify.com

@dakahn dakahn changed the title fix(tooltip): add aria-labelledby and aria-describedby properties fix(tooltip): add aria-labelledby and adjust aria-describedby attributes Sep 24, 2019
Copy link
Contributor

@jnm2377 jnm2377 left a comment

Choose a reason for hiding this comment

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

Works as expected for me 👍

@asudoh asudoh merged commit c352d31 into carbon-design-system:master Sep 25, 2019
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.

AVT 1 &AVT 2 - Default Tooltip has keyboard issue and TooltipDefinition and Icon have DAP violations
4 participants