question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UI Shell - AIW violation for non-semantic list items

See original GitHub issue

Environment

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

  1. Create valid nav menu markup using the following:
<HeaderNavigation>
  <HeaderMenu aria-label="Label Name" menuLinkName="Link Name">
    <HeaderMenuItem />
    <HeaderMenuItem />
    <HeaderMenuItem />
     ...
  </HeaderMenu>
</HeaderNavigation>
  1. Run Accessibility Inisghts for Web
  2. Observe fail of WCAG 1.3.1 on <HeadMenu />

CodeSandbox https://codesandbox.io/s/fast-leftpad-vhvef?file=/src/index.js

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:14 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
pdnelliuscommented, Dec 15, 2020

@dakahn I’m rolling off this project so you may want to assign someone to handle this issues.

Thanks! -Pete

1reaction
pdnelliuscommented, Dec 2, 2020

@dakahn shall I modify the PR to reflect your suggested solution?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found