Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Test for Heading Level Accessibility Issues

    screen-readerScreen Reader

    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.