Skip to content

Commit

Permalink
Restored Delete to Example of Tabs With Automatic Activation
Browse files Browse the repository at this point in the history
Per discussion in issue #278, modified examples/tabs/tabs-1/tabs.html:
1. Added description of the delete feature in the accessibility features section.
2. Added Delete to the keyboard table.
3. To be consistent with editorial guidelines, gave key names initial caps in the keyboard table.
  • Loading branch information
mcking65 committed Feb 14, 2017
1 parent 1cd36b7 commit a9d2f3f
Showing 1 changed file with 14 additions and 13 deletions.
27 changes: 14 additions & 13 deletions examples/tabs/tabs-1/tabs.html
Original file line number Diff line number Diff line change
Expand Up @@ -60,15 +60,12 @@ <h2 id="ex_label">Example</h2>
<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
</section>

<section hidden>
<section>
<h2>Accessibility Features</h2>
<p class="annotate">Please replace this content with a list of accessibility features demonstrated in this implementation, such as:</p>
<ul>
<li>ARIA roles</li>
<li>property and state information</li>
<li>Event handlers</li>
<li><code>tabindex</code> values</li>
</ul>
<p>
To demonstrate the effects of deleting a tab, the third tab, labeled <q>Joke</q>,
can be deleted when it has focus by pressing <kbd>Delete</kbd>.
</p>
</section>

<section>
Expand All @@ -82,7 +79,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</thead>
<tbody>
<tr>
<th><kbd>tab</kbd></th>
<th><kbd>Tab</kbd></th>
<td>
<ul>
<li>When focus moves into the tab list, places focus on the active <code>tab</code> element .</li>
Expand All @@ -91,7 +88,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</td>
</tr>
<tr>
<th><kbd>right arrow</kbd></th>
<th><kbd>Right Arrow</kbd></th>
<td>
<ul>
<li>Moves focus to the next tab.</li>
Expand All @@ -101,7 +98,7 @@ <h2 id="kbd_label">Keyboard Support</h2>
</td>
</tr>
<tr>
<th><kbd>left arrow</kbd></th>
<th><kbd>Left Arrow</kbd></th>
<td>
<ul>
<li>Moves focus to the previous tab.</li>
Expand All @@ -111,13 +108,17 @@ <h2 id="kbd_label">Keyboard Support</h2>
</td>
</tr>
<tr>
<th><kbd>home</kbd></th>
<th><kbd>Home</kbd></th>
<td>Moves focus to the first tab and activates it.</td>
</tr>
<tr>
<th><kbd>end</kbd></th>
<th><kbd>End</kbd></th>
<td>Moves focus to the last tab and activates it.</td>
</tr>
<tr>
<th><kbd>Delete</kbd></th>
<td>When focus is on the <q>Joke</q> tab,removes the tab from the tab list and places focus on the previous tab.</td>
</tr>
</tbody>
</table>
</section>
Expand Down

0 comments on commit a9d2f3f

Please sign in to comment.