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

Accessibility: Adds aria tags to VizTooltip so screen readers announce them #68247

Merged
merged 1 commit into from
May 11, 2023

Conversation

JoaoSilvaGrafana
Copy link
Contributor

What is this feature?

This adds aria-live to the VizTooltipContainer so that it is read out to screen readers when it shows up on screen. Also added aria-atomic for it to always read the whole content and not only what has changed, otherwise only the timestamp and values that changed would be read out.

Before:

Screen.Recording.2023-05-10.at.16.52.58.mov

After:

Screen.Recording.2023-05-10.at.16.51.57.mov

Why do we need this feature?

So that users with screen readers can get the information about the data.

Who is this feature for?

Screen reader users

Which issue(s) does this PR fix?:

Fixes #66549

Special notes for your reviewer:

Please check that:

  • It works as expected from a user's perspective.
  • If this is a pre-GA feature, it is behind a feature toggle.
  • The docs are updated, and if this is a notable improvement, it's added to our What's New doc.

@JoaoSilvaGrafana JoaoSilvaGrafana added add to changelog type/accessibility Accessibility problem / enhancement no-backport Skip backport of PR area/dataviz Anything that relates to Data Visualisation work but is not specific to one panel labels May 10, 2023
@JoaoSilvaGrafana JoaoSilvaGrafana added this to the 10.1.x milestone May 10, 2023
@JoaoSilvaGrafana JoaoSilvaGrafana requested a review from a team May 10, 2023 16:07
@JoaoSilvaGrafana JoaoSilvaGrafana requested a review from a team as a code owner May 10, 2023 16:07
@JoaoSilvaGrafana JoaoSilvaGrafana requested review from a team, tskarhed and L-M-K-B and removed request for a team May 10, 2023 16:08
@JoaoSilvaGrafana JoaoSilvaGrafana changed the title A11y: Adds aria tags to VizTooltip so screen readers announce them Accessibility: Adds aria tags to VizTooltip so screen readers announce them May 10, 2023
Copy link
Contributor

@L-M-K-B L-M-K-B left a comment

Choose a reason for hiding this comment

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

Good job! 🚀

@JoaoSilvaGrafana JoaoSilvaGrafana merged commit a19189a into main May 11, 2023
12 of 15 checks passed
@JoaoSilvaGrafana JoaoSilvaGrafana deleted the joao_silva/fix-viztooltip-voiceover branch May 11, 2023 10:34
@ricky-undeadcoders ricky-undeadcoders modified the milestones: 10.1.x, 10.1.0 Aug 1, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
add to changelog area/dataviz Anything that relates to Data Visualisation work but is not specific to one panel no-backport Skip backport of PR type/accessibility Accessibility problem / enhancement
Projects
None yet
4 participants