Skip to content

Commit

Permalink
Tabs Pattern: Clarify where focus should go when deleting tabs to fix…
Browse files Browse the repository at this point in the history
… issue 602 (pull #683)

To resolve issue #602:
- Clarified description of deleting the tab at the end of the tab list
- For where to move focus after last remaining tab was deleted, borrowed logical work flow language from button and dialog patterns.
- Added missing "optionally" for activation.
- Added missing optional tab activation statement to home and end key commands.
  • Loading branch information
jnurthen authored and mcking65 committed Jun 23, 2018
1 parent 705f17c commit 94ed309
Showing 1 changed file with 9 additions and 5 deletions.
14 changes: 9 additions & 5 deletions aria-practices.html
Expand Up @@ -2393,13 +2393,17 @@ <h4>Keyboard Interaction</h4>
<li>When focus is on a tab in a tablist with either horizontal or vertical orientation:
<ul>
<li><kbd>Space or Enter</kbd>: Activates the tab if it was not activated automatically on focus.</li>
<li><kbd>Home</kbd> (Optional): Moves focus to the first tab</li>
<li><kbd>End</kbd> (Optional): Moves focus to the last tab.</li>
<li><kbd>Home</kbd> (Optional): Moves focus to the first tab. Optionally, activates the newly focused tab (See note below).</li>
<li><kbd>End</kbd> (Optional): Moves focus to the last tab. Optionally, activates the newly focused tab (See note below).</li>
<li><kbd>Shift + F10</kbd>: If the tab has an associated pop-up menu, opens the menu. </li>
<li>
<kbd>Delete</kbd> (Optional): If deletion is allowed, deletes (closes) the current tab element and its associated tab panel.
If any tabs remain, sets focus to the tab following the tab that was closed and activates the newly focused tab.
Alternatively, or in addition, the delete function is available in a context menu.
<kbd>Delete</kbd> (Optional): If deletion is allowed, deletes (closes) the current tab element and its associated tab panel,
sets focus on the tab following the tab that was closed, and optionally activates the newly focused tab. If there is not a tab that followed the tab that was deleted,
e.g., the deleted tab was the right-most tab in a left-to-right horizontal tab list,
sets focus on and optionally activates the tab that preceded the deleted tab.
If the application allows all tabs to be deleted, and the user deletes the last remaining tab in the tab list,
the application moves focus to another element that provides a logical work flow.
As an alternative to <kbd>Delete</kbd>, or in addition to supporting <kbd>Delete</kbd>, the delete function is available in a context menu.
</li>
</ul>
</li>
Expand Down

0 comments on commit 94ed309

Please sign in to comment.