(Accessibility) Kibana Version 7. Heading Structure

[barlowm]

Steps to reproduce (Use WAVE Extension)

Using WAVE extension to analyze the page reports an empty heading

Examining the source shows the H5 tag is empty

Meta Issue:

Accessibility Audit for Kibana 7.0
Make Uptime App Accessible for 7.0

Kibana Version:

7.0

Relevant WCAG Criteria:

WCAG Criterion

1.3.1 Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. - Level A

2.4.6 - Headings and Labels - Level AA
G130: Providing descriptive headings

Headings and labels describe topic or purpose.
Proper Nesting of Headings (H5 must be preceeded by H1-H4)

Headings should not be empty. If the content of the heading tag is to be provided dynamically then the heading tag itself should be provided at the same time. If the content of the heading tag is static but should only be displayed at a specific time then the entire heading tag (and content) must be rendered hidden from Assistive Technologies.

Each app needs to be fixed separately. Checklist for the apps:

• Kibana Home Page Heading Structure incorrect
• Discover
• Dashboard
• Visualize
• Management @ppisljar
• Lens @wylieconlon
• Graph @flash1293
• Metrics UI @afgomez
• Logs UI @afgomez
• ML @peteharverson
• Stack monitoring @cachedout
• Spaces @kobelb
• Security @kobelb
• Maps @nreese
• Uptime

[mattkime]

I believe this has been resolved in Management, @myasonik will verify. Just ping me if anything is needed.

[rayafratkina]

@weltenwort @peteharverson @cachedout any update on your apps? We are trying to get all of the basic heading issues resolved in 7.6, if possible.

[peteharverson]

@rayafratkina I raised the issue #52278 to track work for the ML plugin. We will aim to resolve any issues we find in 7.6.

[myasonik]

All of these are fixed 🎉