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: Create ARIA landmarks #11839

Closed
cjcenizal opened this issue May 17, 2017 · 1 comment
Closed

Accessibility: Create ARIA landmarks #11839

cjcenizal opened this issue May 17, 2017 · 1 comment
Labels
bug Fixes for quality problems that affect the customer experience Project:Accessibility Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.

Comments

@cjcenizal
Copy link
Contributor

cjcenizal commented May 17, 2017

ARIA landmarks (or the equivalent HTML5 sections) are used to identify some significant page areas. Every page should have a <main> element (or role="main"). ARIA regions with descriptive labels should also be used for major sections within the main content (see https://www.w3.org/TR/wai-aria-practices-1.1/#aria_lh_region).

We can apply these ideas by doing the following:

  1. Update the "main content area" into which apps are rendered to be a <main> element instead of a <div>.
  2. Use the <section> element to identify major sections of each app, e.g. the Discover field chooser, the Discover chart, and the Discover table.
  3. Use role="search" to identify instances of the query bar in the LocalNav and instances of SearchInputs used to filter lists and tables.
@cjcenizal cjcenizal added the Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. label May 17, 2017
@timroes timroes assigned cjcenizal and unassigned cjcenizal Jul 5, 2017
@tbragin tbragin added the bug Fixes for quality problems that affect the customer experience label Jul 28, 2017
@timroes
Copy link
Contributor

timroes commented Nov 21, 2017

This should be done by now. If there are any places left this isn't done we should open a separate issue for that specific place, UI component, etc.

@timroes timroes closed this as completed Nov 21, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Fixes for quality problems that affect the customer experience Project:Accessibility Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins.
Projects
None yet
Development

No branches or pull requests

3 participants