Skip to content

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

Description

@myasonik

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

Activity

  1. added
    Feature:VisualizationsGeneric visualization features (in case no more specific feature label is available)
    Team:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//
    on Mar 2, 2020
  2. elasticmachine commented on Mar 2, 2020

    @elasticmachine
    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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Feature:DashboardDashboard related featuresFeature:VisualizationsGeneric visualization features (in case no more specific feature label is available)Project:AccessibilityTeam:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions