«   Previous tip Next tip   »

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

Last updated: 19th July 2020
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:

More info is shown in Tip 101 Accessibility Inspection

«   Previous tip Next tip   »

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