Tabs should follow WAI-ARIA guidelines

Created on 20 August 2019, about 5 years ago
Updated 10 April 2024, 7 months ago

Problem/Motivation

So that people with disabilities can use the widget easily, it's best that the widget markup and functionality conform to the guidelines laid out by the ARIA Authoring Practices guidelines for tabs.

For example, we could expect to see:

  • ARIA roles on the tabs and their corresponding tab panels;
  • ARIA attributes as appropriate, such as aria-selected
  • keyboard operability, including supporting the arrow keys

Proposed resolution

We should update the JavaScript library to add these accessible semantics and support keyboard functionality.

API changes

While changing the actual tag themselves would be desirable, it may be possible to implement these changes solely through adding HTML attributes.

Data model changes

I don't believe there would be Data model changes

πŸ› Bug report
Status

Active

Version

3.8

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States miwayha

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡ΊπŸ‡ΈUnited States Coop920

    Did the above code work for you? I'm getting a javascript console error mentioning that .children is empty.

    Any thoughts?

Production build 0.71.5 2024