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

Jump to bottom

Improve keyboard accessibility of the Tabs component #981

Closed
jimmieego opened this issue Sep 6, 2018 · 2 comments
Closed

Improve keyboard accessibility of the Tabs component #981

jimmieego opened this issue Sep 6, 2018 · 2 comments
Assignees
@paulcpederson
Labels
accessibility in development javascript

Comments

@jimmieego
Copy link

The Tabs component supports moving the focus by Tab key. According to WAI-ARIA Authoring Practices, the keyboard interaction should also support:

  • Using the ← / → arrow key to move focus to the previous/next tab. For performance reasons, we may not want to activate the newly focused tab automatically.
  • Using the Space or Enter key to activate the tab.
@paulcpederson paulcpederson self-assigned this Sep 6, 2018
@paulcpederson
Copy link
Member

👍 Nice, assigning this to 1.1.0 (next release)

paulcpederson added a commit to paulcpederson/calcite-web that referenced this issue Sep 19, 2018
@paulcpederson
Esri#981 - improve keyboard accessibility of tabs component
7fd92c6
macandcheese pushed a commit that referenced this issue Sep 20, 2018
@paulcpederson @macandcheese
📦v1.1.0 (#984)
446847a 
* #979 - update search icon in search inputs

* #981 - improve keyboard accessibility of tabs component

* #978 - improve aria markup of accordion pattern

* #980 - allow html to be overflow auto

* add overflow-scroll helper class for forcing a scroll bar

* don't allow scroll of content behind drawers or modals

* 📦 v1.0.0

* update package-lock to fix build
@paulcpederson
Copy link
Member

addressed in v1.1.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@paulcpederson paulcpederson

Labels
accessibility in development javascript
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@paulcpederson @jimmieego