UI Shell - AIW violation for non-semantic list items
See original GitHub issueEnvironment
Operating system macOS 10.15.7
Browser Chrome 87
Automated testing tool and ruleset Accessibility Insights for Web
Assistive technology used to verify N/A
Detailed description
What version of the Carbon Design System are you using? 10.9.0
What did you expect to happen?
Expected HeaderMenu.js
to have an optional role
attribute
What happened instead?
No role
attribute on HeaderMenu.js
. This component will fails accessibility checks
What WCAG 2.1 checkpoint does the issue violate? WCAG 1.3.1 - listitem
Steps to reproduce the issue
- Create valid nav menu markup using the following:
<HeaderNavigation>
<HeaderMenu aria-label="Label Name" menuLinkName="Link Name">
<HeaderMenuItem />
<HeaderMenuItem />
<HeaderMenuItem />
...
</HeaderMenu>
</HeaderNavigation>
- Run Accessibility Inisghts for Web
- Observe fail of WCAG 1.3.1 on
<HeadMenu />
CodeSandbox https://codesandbox.io/s/fast-leftpad-vhvef?file=/src/index.js
Issue Analytics
- State:
- Created 3 years ago
- Comments:14 (7 by maintainers)
Top Results From Across the Web
Use semantic markup for lists
When list markup is used in ways that violate the semantics of lists, it will be confusing to users of assistive technologies and...
Read more >Index of Desktop Environments - Gentoo Forums
Page:1 · "Gnome-shell Error starting screencast: Timeout was reached" Page:1 ... "[SOLVED, PEBKAC] xfce4 desktop not updating ~/Desktop/ items" Page:1 ...
Read more >temporal precedence based: Topics by Science.gov
Readers may use contextual information to anticipate and pre-activate specific lexical items during reading. However, prior studies have not clearly ...
Read more >Website Optimization
formance tips as well as a list of common problems to avoid. It covers HTML optimization, minimizing HTTP requests, graphics and multimedia optimiza-....
Read more >List | Semantic UI
Icon. A list item can contain an icon. Floated Icon. This text will always have a left margin to make sure it sits...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@dakahn I’m rolling off this project so you may want to assign someone to handle this issues.
Thanks! -Pete
@dakahn shall I modify the PR to reflect your suggested solution?