Accessibility/DevTools

From MozillaWiki
Jump to navigation Jump to 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

todo

User Story: Interact With Accessible Object in JS Console

todo