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) Dev Tools Headings #55845

Open
barlowm opened this issue Jan 24, 2020 · 1 comment
Open

(Accessibility) Dev Tools Headings #55845

barlowm opened this issue Jan 24, 2020 · 1 comment
Labels
accessibility best practice Feature:Console Dev Tools Console Feature Feature:Dev Tools loe:small Small Level of Effort Project:Accessibility Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more WCAG AA
Projects

Comments

@barlowm
Copy link
Collaborator

barlowm commented Jan 24, 2020

Page does not have a level 1 heading.
The "Welcome to Console" Flyout has inconsistent headings
Headings
The "Welcome to Console" is a <h2> tag. This should be a <h1> and can be styled to be the desired look.
The "Quick Intro to the UI" is a <h4> tag. This should be a <h2> and can be styled to be the desired look. There are no different heading tags between the "Welcome ..." and the "Quick Intro ..." headings
The "A few quick tips..." is a <h4> tag. This should be a <h2> and can be styled to be the desired look. There are no different heading tags between the "Welcome ..." and the "Quick Intro ..." headings

Heading levels should only increase by one This is a WCAG Best Practice.

Page must contain a level-one heading
2.4.6 Headings and Labels - Level AA
Headings and labels describe topic or purpose.

Kibana Version:
BC5 instance 7.5.0 BC6

OS:
Windows

Browser:
Chrome

Screen reader: [if relevant]
N/A

Relevant WCAG Criteria: WCAG Quick Reference
2.4.6 Headings and Labels - Level AA
Headings and labels describe topic or purpose. (Level AA)

Relevant ARIA spec: WAI-ARIA Authoring Practices 1.1

@myasonik myasonik added the Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more label Feb 10, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/es-ui (Team:Elasticsearch UI)

@myasonik myasonik added the loe:small Small Level of Effort label Oct 2, 2020
@cjcenizal cjcenizal added the Feature:Console Dev Tools Console Feature label Oct 20, 2020
@myasonik myasonik added this to Needs triage in a11y Dec 14, 2020
@myasonik myasonik moved this from Needs triage to Moderate in a11y Dec 16, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility best practice Feature:Console Dev Tools Console Feature Feature:Dev Tools loe:small Small Level of Effort Project:Accessibility Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more WCAG AA
Projects
a11y
Moderate
Development

No branches or pull requests

4 participants