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

[EuiSuggest][AXE-CORE]: Applied filters have nested interactive elements that won't be announced by screen readers #5293

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

[EuiSuggest][AXE-CORE]: Applied filters have nested interactive elements that won't be announced by screen readers #5293

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

Comments

@1Copenut
Copy link
Contributor

Description

The EuiSuggest filters have an SVG with tabindex="-1"> embedded in the Remove button 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 and not rely on users tabbing twice to get the full meaning or intent.

Guidance

Screenshots

Screen Shot 2021-10-20 at 1 57 24 PM
@1Copenut 1Copenut mentioned this issue Oct 20, 2021
Closed
22 tasks
@1Copenut 1Copenut changed the title [EuiSuggest][AUTOMATION]: Applied filters have nested interactive elements that won't be announced by screen readers [EuiSuggest][AXE-CORE]: Applied filters have nested interactive elements that won't be announced by screen readers Oct 20, 2021
@1Copenut 1Copenut self-assigned this Oct 21, 2021
@1Copenut 1Copenut mentioned this issue Oct 21, 2021
Merged
10 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 - cognition accessibility - WCAG A Level A WCAG Accessibility Criteria accessibility
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[Docs] Update props global filter pattern to pass axe check
1 participant
@1Copenut