elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.63k stars 8.22k forks source link

[Security > Get Started][SCREEN READER]: Headings must be marked up semantically #195070

Open 1Copenut opened 7 months ago

1Copenut commented 7 months ago

Point of contact

@petrklapka

Description

The Getting Started page headings must be marked up using semantic heading tags to be announced to screen readers. Screen reader users primarily navigate by headings. Screenshots attached below.

Steps to recreate

  1. Open the QA environment and create a new Security serverless project if none exist
  2. Once your Security project is created, open it and turn on a screen reader of your choice
  3. Load the Getting Started page (should be by default, but just in case)
  4. Open HeadingsMap extension or your preferred screen reader
  5. If using a screen reader, traverse the page by headings only to hear the perceived importance of information

Environment

Screenshots or Trace Logs

Screenshot 2024-03-21 at 1 40 36 PM
Screenshot 2024-03-21 at 1 40 41 PM

Acceptance criteria

WCAG or Vendor Guidance (optional)

1Copenut commented 6 months ago

This issue will be closed when https://github.com/elastic/kibana/pull/181494 is merged.