/dev tips

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

(151) Capture Screenshot Log Management (153)

Chrome DevTools: Increase your understanding of accessibility with the accessibility tree

13th July 2017
Increase your understanding of accessibility with the accessibility tree

The experimental accessibility inspection feature in DevTools has received useful improvements.

For example, you can now view and interact with the full accessibility tree which is computed for the current inspected element and its children.

Use this feature to increase your understanding of how an accessibility tree is constructed, and which HTML elements lead to which accessibility nodes.

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