Skip to content

Commit

Permalink
Menu Design Pattern: Document Optional Behaviors for Space and Up Arrow
Browse files Browse the repository at this point in the history
For issue #336, modified keyboard interaction subsection of menu or menubar design pattern section in aria-practices.html:
1. Mark space bar toggle of menuitemcheckbox as optional.
2. Mark space bar toggle of menuitemradio as optional.
3. Add optional up arrow behavior for menuitem elements in a menubar. (Note, this behavior is implemented in the examples).
  • Loading branch information
mcking65 committed Mar 21, 2017
1 parent ec52a5e commit d97757d
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions aria-practices.html
Original file line number Diff line number Diff line change
Expand Up @@ -1340,8 +1340,8 @@ <h4>Keyboard Interaction</h4>
</li>
<li><kbd>Space</kbd>:
<ul>
<li>When focus is on a <code>menuitemcheckbox</code>, changes the state without closing the menu.</li>
<li>When focus is on a <code>menuitemradio</code> that is not checked, without closing the menu, checks the focused <code>menuitemradio</code> and unchecks any other checked <code>menuitemradio</code> element in the same group.</li>
<li>(Optional): When focus is on a <code>menuitemcheckbox</code>, changes the state without closing the menu.</li>
<li>(Optional): When focus is on a <code>menuitemradio</code> that is not checked, without closing the menu, checks the focused <code>menuitemradio</code> and unchecks any other checked <code>menuitemradio</code> element in the same group.</li>
<li>(Optional): When focus is on a <code>menuitem</code> that has a submenu, opens the submenu and places focus on its first item.</li>
<li>(Optional): When focus is on a <code>menuitem</code> that does not have a submenu, activates the <code>menuitem</code> and closes the menu.</li>
</ul>
Expand All @@ -1355,7 +1355,7 @@ <h4>Keyboard Interaction</h4>
<li><kbd>Up Arrow</kbd>:
<ul>
<li>When focus is in a <code>menu</code>, moves focus to the previous item, optionally wrapping from the first to the last.</li>
<li>When focus is in a <code>menubar</code>, does nothing.</li>
<li>(Optional): When focus is on a <code>menuitem</code> in a <code>menubar</code>, opens its submenu and places focus on the last item in the submenu.</li>
</ul>
</li>
<li><kbd>Right Arrow</kbd>:
Expand Down

0 comments on commit d97757d

Please sign in to comment.