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.

Accessibility markup problem in Carbon overflow menu example

See original GitHub issue

In the example Carbon vanilla overflow menu:

the div with role="button" and the ul with role="menu" need to be siblings (to remove a violation in DAP because buttons aren’t supposed to have list children).

Issue Analytics

State:
Created 4 years ago
Comments:7 (6 by maintainers)

Top GitHub Comments

1reaction

elizabethsjuddcommented, Jun 21, 2019

@emyarod, @mattrosno is reaching out to get this updated. Thanks!

0reactions

elizabethsjuddcommented, Jul 11, 2019

@carbon-design-system/developers used related to instead of resolves in PR #3181 but this issue is complete now

Top Results From Across the Web

Accessibility - Overflow menu - Carbon Design System

Each overflow menu is in the tab order and is activated by Space or Enter . When the menu is open, the first...

Overflow menu - Carbon Design System

Overflow menus are used when additional options are available to the user and there is a space constraint.

How to improve web accessibility by hiding elements | Nomensa

In this article, Amani Ali - Accessibility Consultant at Nomensa - explains why you should consider hiding elements and how this can be...

Building Accessible Menu Systems - Smashing Magazine

The term "dropdown" names a classic example. Lots of things "drop down" in interfaces, including the set of <option> s from a <select>...

How to display a multilevel dropdown using classes of carbon ...

1 Answer 1 ; class · "bx--header__menu-item bx--header__menu-title dropdown-item" ; aria-haspopup · "true" ; aria-expanded · "false" ; tabindex · "0" ...