Skip to content

Commit

Permalink
Clarify Tab Key Behavior on Tabs Widget Example Pages
Browse files Browse the repository at this point in the history
Based on feedback from @shirsha in issue #278, made the two below changes in the following two files:
1. examples/tabs/tabs-1/tabs.html
2. examples/tabs/tabs-2/tabs.html

Change 1:
Changed `When the tab list is receiving focus, places focus on the active <code>tab</code> element .`
To: `When focus moves into the tab list, places focus on the active <code>tab</code> element .`

Change 2:
Changed `When the tab list contains the focus, moves focus to the <code>tabpanel</code> element.`
To: `When the tab list contains the focus, moves focus to the next element in the tab sequence, which is the <code>tabpanel</code> element.`
  • Loading branch information
mcking65 committed Feb 11, 2017
1 parent 0879bb7 commit a69d871
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
4 changes: 2 additions & 2 deletions examples/tabs/tabs-1/tabs.html
Original file line number Diff line number Diff line change
Expand Up @@ -85,8 +85,8 @@ <h2 id="kbd_label">Keyboard Support</h2>
<th><kbd>tab</kbd></th>
<td>
<ul>
<li>When the tab list is receiving focus, places focus on the active <code>tab</code> element .</li>
<li>When the tab list contains the focus, moves focus to the <code>tabpanel</code> element.</li>
<li>When focus moves into the tab list, places focus on the active <code>tab</code> element .</li>
<li>When the tab list contains the focus, moves focus to the next element in the tab sequence, which is the <code>tabpanel</code> element.</li>
</ul>
</td>
</tr>
Expand Down
4 changes: 2 additions & 2 deletions examples/tabs/tabs-2/tabs.html
Original file line number Diff line number Diff line change
Expand Up @@ -83,8 +83,8 @@ <h2 id="kbd_label">Keyboard Support</h2>
<th><kbd>tab</kbd></th>
<td>
<ul>
<li>When the tab list is receiving focus, places focus on the active <code>tab</code> element .</li>
<li>When the tab list contains the focus, moves focus to the <code>tabpanel</code> element.</li>
<li>When focus moves into the tab list, places focus on the active <code>tab</code> element .</li>
<li>When the tab list contains the focus, moves focus to the next element in the tab sequence, which is the <code>tabpanel</code> element.</li>
</ul>
</td>
</tr>
Expand Down

0 comments on commit a69d871

Please sign in to comment.