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) Visualizations/Dashboards overrely on aria-hidden #59039

Closed
myasonik opened this issue Mar 2, 2020 · 1 comment · Fixed by #64018
Closed

(Accessibility) Visualizations/Dashboards overrely on aria-hidden #59039

myasonik opened this issue Mar 2, 2020 · 1 comment · Fixed by #64018
Labels
Feature:Dashboard Dashboard related features Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Project:Accessibility Team:Visualizations Visualization editors, elastic-charts and infrastructure

Comments

@myasonik
Copy link
Contributor

myasonik commented Mar 2, 2020

Summary

Just about every visualization is wrapped in an div with aria-hidden="true"

Screen Shot 2020-02-24 at 19 25 08

Why it's a problem

This has a couple of negative effects:

  • sighted screen reader users will see huge swatches of the page that they're unable to navigate
  • non-sighted screen reader users can get stuck focused on a element that's hidden so it won't read out anything
    • if we combat this problem with disabling focus, now people can't navigate with a keyboard and have no indication of where they are on the page

What to do

Rip it all out

@myasonik myasonik added Feature:Dashboard Dashboard related features Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Project:Accessibility Team:Visualizations Visualization editors, elastic-charts and infrastructure labels Mar 2, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app (Team:KibanaApp)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Dashboard Dashboard related features Feature:Visualizations Generic visualization features (in case no more specific feature label is available) Project:Accessibility Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants