There's a faster version of egghead. Click here to try it.
Become a member
to unlock all features

Create an egghead account to access 5000+ tutorials and resources from expert developers.

Create account

    Test for Landmark Region Accessibility Issues in React

    chrome-devtoolsChrome DevTools

    Using our accessibility auditing toolkit we can find issues concerning landmark regions in our web application. The react-axe library will report findings in the JavaScript console of the browser. We could also run the axe browser extension to see the same results. The tota11y browser extension will annotate any landmark regions on the page and therefore if none are annotated it may indicate that they aren't any (NOTE: tota11y will only annotate landmark regions using aria roles and not those using HTML5 elements). Finally using the VoiceOver Rotor in Safari will show us whatever landmark regions have been defined in the Landmarks menu.