Starting version 61, Mozilla Firefox comes with Accessibility Inspector within developer tools. However, Accessibility Inspector is not enabled by default reason being shown that as of now while accessibility inspector is turned on, users are experiencing some performance issues using other developer tools.
It would be a great friend to developers to see what information gets exposed to assistive technologies and what is missing. So that developers would know instantly what they would need to fix. Here is what is said in the announcement on .
The accessibility inspector provides a means to access important information exposed to assistive technologies on the current page via the accessibility tree, allowing you to check what’s missing or otherwise needs attention.
As mentioned earlier, accessibility inspector is not active by default and here is how to activate the same.
That’s it; now Accessibility inspector is now available to use.
On the left-hand side, there is a tree diagram representing all the items in the accessibility tree for the current page. Items with nested children have arrows that can be clicked to reveal the children, so you can move deeper into the hierarchy. Each item has two properties listed:
On the right-hand side, you can see further information about the currently selected item. The listed properties are as follows:
Note: The exposed information is the same across all platforms — the inspector exposes Gecko’s accessibility tree, rather than information from the platform accessibility layer.
The Accessibility tab is fully keyboard-accessible:
In addition, a new context menu option is available to inspect accessibility inspector for an element. Read Mozilla Developer Network blog post for more details.
So dear Developers, now you have one more helping hand to consider accessibility right from the development stage.
