1. 13
    Test for Heading Level Accessibility Issues
    1m 35s

Test for Heading Level Accessibility Issues

Erin Doyle
InstructorErin Doyle

Share this video with your friends

Send Tweet

We can find issues with heading levels by utilizing our accessibility auditing tools. The library react-axe, as well as the browser extension axe, will report any findings concerning heading levels. The browser extension tota11y will annotate all heading levels on a page and show any in red that have issues. Finally, we can check the Rotor in VoiceOver in Safari. The Rotor should have a Headings menu and will list in order all of them that are found on the page. If headings are missing or inappropriate this will help us find them as well.