Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabs Pattern: Revise tabpanel tabindex guidance for issue 1164 #1274

Merged
merged 6 commits into from
Jan 23, 2020
Merged

Tabs Pattern: Revise tabpanel tabindex guidance for issue 1164 #1274

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2a549ff
added guidance for using tabindex on a tabpanel
jongund Nov 20, 2019
687d455
editorial change to tabindex on tabpanel
jongund Nov 20, 2019
7d977e6
editorial change to tabindex on tabpanel
jongund Nov 20, 2019
f504bdf
editorial change to tabindex on tabpanel
jongund Nov 20, 2019
1df1b5e
made edit to guiidance based on Matt's suggestion in teleconference t…
jongund Dec 10, 2019
7d9c7c8
Merge branch 'master' into issue1164-tabpanel-tabindex-guidance
mcking65 Jan 23, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions aria-practices.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1024,7 +1024,7 @@ <h4>WAI-ARIA Roles, States, and Properties</h4>
<li>The element that serves as an input and displays the combobox value has role <a href="#combobox" class="role-reference">combobox</a>.</li>
<li>
The combobox element has <a href="#aria-controls" class="property-reference">aria-controls</a> set to a value that refers to the element that serves as the popup.
Note that <code>aria-controls</code> only needs to be set when the popup is visible. However, it is valid to reference an element that is not visible.
Note that <code>aria-controls</code> only needs to be set when the popup is visible. However, it is valid to reference an element that is not visible.
</li>
<li>The popup is an element that has role <a href="#listbox" class="role-reference">listbox</a>, <a href="#tree" class="role-reference">tree</a>, <a href="#grid" class="role-reference">grid</a>, or <a href="#dialog" class="role-reference">dialog</a>.</li>
<li>
Expand Down Expand Up @@ -2632,8 +2632,11 @@ <h4>Keyboard Interaction</h4>
<p>For the tab list:</p>
<ul>
<li>
<kbd>Tab</kbd>: When focus moves into the tab list, places focus on the active <code>tab</code> element.
When the tab list contains the focus, moves focus to the next element in the page tab sequence outside the tablist, which is typically either the first focusable element inside the tab panel or the tab panel itself.
<kbd>Tab</kbd>:
<ul>
<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 page tab sequence outside the tablist, which is the tabpanel unless the first element containing meaningful content inside the tabpanel is focusable.</li>
</ul>
</li>
<li>When focus is on a tab element in a horizontal tab list:
<ul>
Expand Down