[a11y]: UI Shell [Header] - lists should better defined #15272
Labels
component: ui-shell
role: dev 🤖
screen-reader: JAWS
screen-reader: VoiceOver
severity: 3
https://ibm.biz/carbon-severity
type: a11y ♿
type: bug 🐛
Package
@carbon/react
Browser
FF, Safari & iPhone
Package version
@carbon/[email protected]
Automated testing tool and ruleset
Manual QA
Assistive technology
VO & JAWS
Description
Package
@carbon/react
Browser
FF, Safari & iPhone
Package version
@carbon/[email protected]
Automated testing tool and ruleset
Manual QA
Assistive technology
VO & JAWS
Description
Two different list should be defined
Divider is provided indicating two different list. But screen reader is announcing as a single list.
Recommended Fix
Two different list should be defined and screen reader should announce the list items count along with the list correctly.
People who uses screen reader will get confused with the structure of the page.
WCAG 2.1 Violation
1.3.1 Info and Relationships
The text was updated successfully, but these errors were encountered: