Accessibility/DevTools: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
Line 13: Line 13:


== User Story: View Accessible Events ==
== User Story: View Accessible Events ==
todo


== User Story: Interact With Accessible Object in JS Console ==
== User Story: Interact With Accessible Object in JS Console ==
todo

Latest revision as of 21:40, 2 April 2015

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