Collapsed nav-tabs status not exposed to screen reader

Created on 21 March 2024, 8 months ago
Updated 2 May 2024, 7 months ago

Problem/Motivation

When in a collapsed state (narrow view) a nav tabs element (such as the primary tasks) does not expose its status for a screen reader. That status is managed by only a class name. To expose the state to comply with WCAG 4.1.2. attribute arial-expanded can be used.

Proposed resolution

Add aria-expanded attribute to the tabs element and toggle it at the same time with is-oped class. Remove aria-expanded when displayed as tabs.

🐛 Bug report
Status

Fixed

Version

10.3

Component
Claro 

Last updated 3 days ago

Created by

🇫🇮Finland simohell

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024