Tab paragraph fails accessibility audits

Created on 17 July 2024, 5 months ago
Updated 15 September 2024, 3 months ago

Problem/Motivation

This is a child issue of Accordion and Tabs paragraph need to be more accessible πŸ“Œ Accordion and Tabs paragraph need to be more accessible Fixed , where the Accordion and Tabs paragraphs had reported accessibility issues.

The accepted patch didn't include the JS that addressed these issues for the Tabs paragraphs, which attempted to solve the following:

1. ARIA attributes must conform to valid values. The aria-controls attribute of tabs is using the tab panel title instead of the ID.

2. Keyboard navigation is not working as expected. According to the Tabs Pattern , tabs should not be accessible by pressing the Tab key, but using left and key arrows instead.

Proposed resolution

1. Add the expected behavior and keyboard interaction with JS.

Remaining tasks

Review patch.

πŸ“Œ Task
Status

Fixed

Version

2.0

Component

Code

Created by

πŸ‡²πŸ‡½Mexico oscar.puente

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024