Accessibility/DevTools: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
mNo edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 10: Line 10:
<hr/>
<hr/>
[[File:Devtools mockup4.png|800px|none|center|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.]]
[[File:Devtools mockup4.png|800px|none|center|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: 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