Additional aria added to legend to work around JAWS bug.
Original <h1> left in place
<legend role="heading" aria-level="1"><h1>...</h1></legend>
Pressing H
in this example should list headings in JAWS.
See https://github.com/FreedomScientific/VFO-standards-support/issues/549.
Operating System | Browser | Assistive tech | Notes | Pass/fail |
---|---|---|---|---|
Windows 10 | Chrome 94 | JAWS 2021 | Works as desired. Heading announced nicely in the flow, as well as when navigating headings. | ✅ |
Windows 10 | Chrome 94 | NVDA 2021.1 |
Works ok heading announced in the flow, as well as when navigating headings. Heading announced twice however - "Heading level 1, heading level 1". |
⚠️ |
Windows 10 | IE11 | NVDA 2021.1 |
Works ok heading announced in the flow, as well as when navigating headings. Heading announced twice however - "Heading level 1, heading level 1". |
⚠️ |
Android | Chrome | TalkBack |
Works as desired. Heading announced nicely in the flow, as well as when navigating headings. Duplicate heading not registered |
✅ |
Example markup lifted from https://service-manual.nhs.uk/design-system/components/fieldset