Experimental Tabs with Actions Example: Clarify keyboard documentation for Tab key

content/about/coverage-and-quality/coverage-and-quality-report.html

@@ -487,6 +487,7 @@ <h2 id="roles_with_more_than_one_label">Roles with More than One Guidance or Exa
           <tr>
             <td><code>note</code></td>
             <td><ul>
+                <li><a href="../../../content/patterns/alertdialog/alertdialog-pattern.html#roles_states_properties">Note</a></li>
                 <li><a href="../../../content/patterns/button/button-pattern.html#about">Note</a></li>
                 <li><a href="../../../content/patterns/combobox/combobox-pattern.html#keyboard_interaction">Note</a></li>
                 <li><a href="../../../content/patterns/combobox/combobox-pattern.html#keyboard_interaction">Note</a></li>

content/about/coverage-and-quality/role-coverage.csv

@@ -46,7 +46,7 @@
 "meter","2","1","Guidance: Meter Pattern","Guidance: Range properties with meter","Example: Meter"
 "navigation","5","3","Guidance: Fundamental Keyboard Navigation Conventions","Guidance: Keyboard Navigation Between Components (The Tab Sequence)","Guidance: Keyboard Navigation Inside Components","Guidance: Ensure Basic Access Via Navigation","Guidance: Navigation","Example: Navigation Menubar","Example: Navigation Treeview","Example: Navigation Landmark"
 "none","0","7","Example: Navigation Menu Button","Example: Navigation Menubar","Example: Rating Radio Group","Example: Horizontal Multi-Thumb Slider","Example: Media Seek Slider","Example: Vertical Temperature Slider","Example: Navigation Treeview"
-"note","38","0","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note"
+"note","39","0","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note","Guidance: Note"
 "option","0","8","Example: Editable Combobox With Both List and Inline Autocomplete","Example: Editable Combobox With List Autocomplete","Example: Editable Combobox without Autocomplete","Example: Select-Only Combobox","Example: (Deprecated) Collapsible Dropdown Listbox","Example: Listbox  with Grouped Options","Example: Listboxes with Rearrangeable Options","Example: Scrollable Listbox"
 "paragraph","0","0"
 "presentation","5","0","Guidance: Hiding Semantics with the presentation Role","Guidance: Common Uses of Role presentation","Guidance: Effects of Role presentation","Guidance: Conditions That Cause Role presentation to be Ignored","Guidance: Example Demonstrating Effects of the presentation Role"

content/patterns/tabs/examples/tabs-actions.html

@@ -269,12 +269,12 @@ <h3 id="kbd1_label">Tabs</h3>
               <th><kbd>Tab</kbd></th>
               <td>
                 <ul>
-                  <li>When focus moves into the <code>tablist</code>, places focus on the active <code>tab</code>.</li>
-                  <li>When focus is on a <code>tab</code>, places focus on its associated menu <code>button</code>.</li>
-                  <li>When focus is on the menu <code>button</code> associated with a <code>tab</code>, moves focus to one of the following depending on which is nearest in the forward tab sequence:
+                  <li>When focus moves into the <code>tablist</code>, moves focus to the active <code>tab</code>.</li>
+                  <li>When focus is on a <code>tab</code>, moves focus to its associated menu <code>button</code>.</li>
+                  <li>When focus is on a menu <code>button</code> associated with a <code>tab</code>:
                     <ul>
-                      <li>The active <code>tab</code>.</li>
-                      <li>The first focusable element following the <code>tablist</code>. In this example, that is the <code>a</code> element in <code>tabpanel</code>.</li>
+                      <li>If the current focus precedes the active <code>tab</code> (is to the left in left-to-right layouts), moves focus to the active <code>tab</code>.</li>
+                      <li>Otherwise, moves focus to the first <code>a</code> element in the active <code>tabpanel</code>.</li>
                     </ul>
                   </li>
                 </ul>
@@ -284,12 +284,12 @@ <h3 id="kbd1_label">Tabs</h3>
               <th><kbd>Shift</kbd> + <kbd>Tab</kbd></th>
               <td>
                 <ul>
-                  <li>When focus moves into the <code>tablist</code>, places focus on the menu <code>button</code> associated with the active <code>tab</code>.</li>
-                  <li>When focus is on the menu <code>button</code> associated with a <code>tab</code>, places focus on that <code>tab</code>.</li>
-                  <li>When focus is on a <code>tab</code>, moves focus to one of the following depending on which is nearest in the backward tab sequence:
+                  <li>When focus moves from the active tab panel content into the <code>tablist</code>, moves focus to the menu <code>button</code> associated with the active <code>tab</code>.</li>
+                  <li>When focus is on a menu <code>button</code> associated with a <code>tab</code>, moves focus to the associated <code>tab</code>.</li>
+                  <li>When focus is on a <code>tab</code>:
                     <ul>
-                      <li>The active <code>tab</code>.</li>
-                      <li>The first focusable element preceding the <code>tablist</code>.</li>
+                      <li>If the current focus follows the active <code>tab</code> (is to the right in left-to-right layouts), moves focus to the menu <code>button</code> associated with the active <code>tab</code>.</li>
+                      <li>Otherwise, moves focus to the first focusable element preceding the <code>tablist</code>.</li>
                     </ul>
                   </li>
                 </ul>