From MozillaWiki
Jump to: navigation, search

Here are some mockups and user stories for a potential devtools accessibility section.

User Story: Inspect Accessible of a DOM Node

User invoking context menu on a header and selecting "Inspect Element".

DOM Inspector tool appears and shows header  node.

User invoking context menu on  node in DOM inspector and selecting "Show Accessible"

devtools tab is switched to "Accessible" panel where the text leaf of the heading accessible is shown in the treeview. On the right is a pane with the accessible object details.

User Story: View Accessible Events


User Story: Interact With Accessible Object in JS Console