Search and Top Navigation
#3079 closed bug (fixed)
Opened July 09, 2008 11:59PM UTC
Closed June 09, 2012 02:26AM UTC
Tabs: keyboard accessibility
| Reported by: | acheetham | Owned by: | |
|---|---|---|---|
| Priority: | blocker | Milestone: | 1.9.0 |
| Component: | ui.tabs | Version: | 1.6rc6 |
| Keywords: | keyboard a11y | Cc: | davidb |
| Blocked by: | Blocking: |
Description
Currently, tabs are navigated using the Tab key, but the more appropriate method is to use the Tab key to navigate *to* the group of tabs, and then use the Arrow keys to navigate amongst the tabs:
http://dev.aol.com/dhtml_style_guide
Also, when you do use the keyboard to navigate between tabs (but without pressing Enter to select a tab) there is no change in class, and hence no possibility to apply visual queues.
There's documentation about this on the planning wiki.
Attachments (0)
Change History (19)
Changed July 19, 2008 05:51AM UTC by comment:1
| priority: | major → minor |
|---|---|
| type: | bug → feature |
Changed August 17, 2008 10:26AM UTC by comment:2
| milestone: | → TDB |
|---|
Changed February 15, 2009 02:47PM UTC by comment:3
| milestone: | TBD → 1.next |
|---|---|
| owner: | klaus.hartl |
| priority: | minor → critical |
| status: | new → assigned |
| type: | feature → bug |
| version: | 1.5.1 → 1.6rc6 |
Changed July 23, 2009 10:25AM UTC by comment:4
According to the WAI-ARIA Best Practices document, tabs in a web page should behave exactly like browser tabs. So you tab on the active tab, and if you continue tabbing you get on items in the active tabpanel. Switching tabs is done by arrow keys (left, right, up, down), CTRL-tab and CTRL-SHIFT-tab, and even page-up and page-down - however, I couldn't prevent event propagation on those keys. I have a rather small script that does that including ARIA goodness, though it's not jQuery UI-fied. If I can help just let me know.
Changed July 23, 2009 10:27AM UTC by comment:5
I should add that switching through tabs should be in carousel mode, i.e. from the last tab to the first and vice versa.
Changed July 24, 2009 01:21PM UTC by comment:6
May I bring to your attention that this bug is "assigned", but the owner has been deleted. I suppose if it ever is to be worked on and resolved it needs an owner, doesn't it?
Changed November 10, 2009 04:04AM UTC by comment:7
| milestone: | 1.next → 1.8 |
|---|
Changed January 28, 2010 02:26AM UTC by comment:8
| milestone: | 1.8 → 1.next |
|---|
Bumping to 1.9, which will contain a major push for a11y.
Changed October 19, 2010 04:05PM UTC by comment:9
| milestone: | 1.next → 1.9 |
|---|---|
| priority: | critical → major |
Changed April 11, 2011 02:15PM UTC by comment:10
| description: | Currently, tabs are navigated using the Tab key, but the more appropriate method is to use the Tab key to navigate *to* the group of tabs, and then use the Arrow keys to navigate amongst the tabs: \ \ http://dev.aol.com/dhtml_style_guide \ \ Also, when you do use the keyboard to navigate between tabs (but without pressing Enter to select a tab) there is no change in class, and hence no possibility to apply visual queues. → Currently, tabs are navigated using the Tab key, but the more appropriate method is to use the Tab key to navigate *to* the group of tabs, and then use the Arrow keys to navigate amongst the tabs: \ \ http://dev.aol.com/dhtml_style_guide \ \ Also, when you do use the keyboard to navigate between tabs (but without pressing Enter to select a tab) there is no change in class, and hence no possibility to apply visual queues. \ \ ---- \ \ There's documentation about this on the [http://wiki.jqueryui.com/w/page/12138085/Tabs planning wiki]. |
|---|---|
| priority: | major → blocker |
| status: | assigned → open |
| summary: | Tabs not properly keyboard accessible → Tabs: keyboard accessibility |
Changed May 04, 2011 07:49PM UTC by comment:11
| _comment0: | Fixed in https://github.com/jquery/jquery-ui/pull/198 → 1304597361060043 |
|---|
Changed May 05, 2011 12:09PM UTC by comment:12
edit: updated th pull request
Changed May 07, 2011 12:33AM UTC by comment:13
Changed November 09, 2011 01:24PM UTC by comment:14
From Everett Zufelt (#7846): When using open on mouseover it appears to no longer be possible to open tabs via keyboard.
Changed November 09, 2011 01:25PM UTC by comment:15
#7846 is a duplicate of this ticket.
Changed November 09, 2011 01:30PM UTC by comment:16
| keywords: | keyboard accessibility → keyboard a11y |
|---|
Changed November 10, 2011 02:39PM UTC by comment:17
Tabs demo 1.9pre
After using keyboard to add a new tab in the Simple Manipulation demo, or opening a tab in the Collapse demo, focus is set to first element in the DOM.
Changed January 17, 2012 11:10PM UTC by comment:18
#3483 is a duplicate of this ticket.