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.

Sign up for GitHub

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

Jump to bottom

[EuiKeyPadMenu][AXE-CORE]: Nested elements that can take focus will not be announced by screen readers #5290

Closed
Tracked by #5265
1Copenut opened this issue Oct 20, 2021 · 0 comments · Fixed by #5541
Closed
Tracked by #5265

[EuiKeyPadMenu][AXE-CORE]: Nested elements that can take focus will not be announced by screen readers #5290

1Copenut opened this issue Oct 20, 2021 · 0 comments · Fixed by #5541
Assignees
@1Copenut
Labels
accessibility - automated accessibility - WCAG A Level A WCAG Accessibility Criteria accessibility

Comments

@1Copenut
Copy link
Contributor

Description

The EuiKeyPadMenu beta buttons have a <span tabindex="0"> that's throwing an axe-core error. I'd recommend we remove this tabindex attribute because the parent button takes focus natively. The button should convey any meaning in the span as part of its accessible label and not rely on users tabbing twice to get the full meaning or intent.

Guidance

Screenshots

Screen Shot 2021-10-20 at 10 34 00 AM
@1Copenut 1Copenut mentioned this issue Oct 20, 2021
Closed
22 tasks
@1Copenut 1Copenut changed the title [EuiKeyPadMenu][AUTOMATION]: Nested elements that can take focus will not be announced by screen readers [EuiKeyPadMenu][AXE-CORE]: Nested elements that can take focus will not be announced by screen readers Oct 20, 2021
@1Copenut 1Copenut self-assigned this Nov 16, 2021
@1Copenut 1Copenut mentioned this issue Nov 17, 2021
Closed
10 tasks
@1Copenut 1Copenut mentioned this issue Dec 28, 2021
Closed
10 tasks
@cchaos cchaos mentioned this issue Jan 14, 2022
Merged
8 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@1Copenut 1Copenut

Labels
accessibility - automated accessibility - WCAG A Level A WCAG Accessibility Criteria accessibility
Projects
None yet
Milestone
No milestone
1 participant
@1Copenut