Accessibility Object Model Explainer
- Accessibility Inspector
- due out in FF 61 ( should be mid July 2018)
- use from the Dev Tools, but it will be disabled by default
- intended for those who already know about a11y, not meant to educate about a11y
- it will display the a11y tree
- the a11y tree is how a browser represents accessible information
- it corresponds to the level or aria support by Firefox
- similar to DOM tree
- it will help you to determine if things that you have presented to the user matches the semantic structure of the document
- e.g. is the visual presentation inline with what will be presented to a screen reader
- Future plans
- potentially provide educational information, for example tooltip to describe the role of an item
- show how the name of the element was determined, similar to how CSS shows how rules are overridden
- will improve highlighting of elements in the DOM to include info such as role and name, and other things to hep with diagnostics of a11y issues.
- add more properties for relations between accessible objects
- one of the primary reasons is for canvas accessibility.
- will allow developers to build virtual accessibility trees.
- another reason is to help with relations that need an id reference
- for example aria-describedby, so that you don't need to actually provide an id to link them.
- save from modifying the DOM to make changes to the a11y tree
- also provides better accessibility for web components because the browser will be able to emit a11y events.