/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(112) Go to Member with CSS or JavaScript Smart Console Panel with intelligent snippet detection (114)

Chrome DevTools: Explore and learn the ARIA accessibility property values through autocomplete

13 Sep 2016
Explore and learn the ARIA accessibility property values through autocomplete

There is a heap of useful ARIA attributes you can add to your HTML markup to make it more accessible.

For ARIA attribute values you may not be familar with, e.g. for those applicable to aria-live or aria-sort, you can rely on the autocomplete functionality which DevTools provides in the Elements Panel Accessibility Pane.

For aria-live, autocomplete shows:

And for aria-sort, autocomplete shows:

Try this in Canary. Instructions on how to enable the accessibility pane are shown in Tip 101 Accessibility Inspection

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.