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

[1Copenut]

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

• MacOS Ventura
• Safari latest
• VoiceOver

Screenshots or Trace Logs

---

Acceptance criteria

• Headings are properly nested to support their perceived importance level
• Visual design remains consistent (text headers don't change size, just semantic level

WCAG or Vendor Guidance (optional)

• Understanding SC 1.3.1: Info and Relationships (Level A)
• WebAIM screen reader survey #10: Finding Information

[1Copenut]

This issue will be closed when #181494 is merged.