Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility false positive aria-label invalid value #17622

Open
lancegliser opened this issue Mar 3, 2022 · 1 comment
Open

Accessibility false positive aria-label invalid value #17622

lancegliser opened this issue Mar 3, 2022 · 1 comment

Comments

@lancegliser
Copy link

Describe the bug
I'm using:

<button aria-label="account of current user" />

The accessibility tools report a critical error of invalid value:

Critical
Invalid ARIA attribute value: aria-controls="menu-appbar-user"

image

The spec for aria-label defines the type as string so any value should be valid.

System
Environment Info:

System:
OS: macOS 11.6.4
CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Binaries:
Node: 16.13.1 - /usr/local/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 8.1.2 - /usr/local/bin/npm
Browsers:
Chrome: 98.0.4758.109
Safari: 15.3
npmPackages:
@storybook/addon-a11y: ^6.4.5 => 6.4.14
@storybook/addon-actions: ^6.4.5 => 6.4.14
@storybook/addon-essentials: ^6.4.5 => 6.4.14
@storybook/addon-links: ^6.4.5 => 6.4.14
@storybook/react: ^6.4.5 => 6.4.14

Additional context
Writing use the Material UI 4.x branch, but the tested output of HTML is above.

@certainlyakey
Copy link

Same with aria-controls: aria-controls="panel-second" gives an "Invalid ARIA attribute value" on Storybook and addon-a11y both on 6.5.9.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants