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.

e:Devtools mockup3.png|800px|none|center|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

Retrieved from "https://wiki.mozilla.org/index.php?title=Accessibility/DevTools&oldid=1066223"