/dev tips

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

(162) Network Overrides Console Sidebar (164)

Chrome DevTools: Built-in accessibility debugging from the Elements Panel

19th January 2018
Built-in accessibility debugging from the Elements Panel

The built-in DevTools Accessibility Pane is now enabled by default, without needing to enable experiments (currently in Canary).

Use the Accessibility Inspector to understand what accessibility related properties your inspected elements contain. For example, you can extract:

For ARIA property 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 within the Accessibility Inspector.

For aria-live, autocomplete suggests:

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