[Obs Synthetics > Monitor Detail][SCREEN READER]: Headings must be nested properly for SR usability: 0017

[1Copenut]

Point of contact

@petrklapka

Description

See https://github.com/elastic/observability-accessibility/issues/84 for full description of the issue and code reference for a suggested fix.

Environment

• MacOS
• Safari + VO
• Synthetics Monitor Detail
• Monitor test run
• Test run performance breakdown

Steps to recreate

1. Load Synthetics (Monitors) view
2. Create a monitor if you need. I used https://example.com to create a valid monitor.
3. Click on a monitor to go to the detail view. If the modal appears, click the "Go to monitor" button.
4. Open the HeadingsMap flyout, verify the headings in the modal are improperly nested
5. Click on a Test Run from the monitor detail
6. Repeat step 4
7. Click the "View performance breakdown" link
8. Repeat step 4

Screenshots or Trace Logs

Overview tab

---

History tab

---

Errors tab

--

Test run detail

---

Performance breakdown

WCAG or Vendor Guidance (optional)

• Understanding SC 1.3.1: Info and Relationships (Level A)