[EuiColorPalettePicker][COGNITION]: The sr-only accessible label is not announcing what color palette is selected
#5367
Labels
accessibility - cognition
accessibility - screen reader
accessibility - WCAG A
Level A WCAG Accessibility Criteria
accessibility
Comments
1Copenut
added
accessibility
accessibility - WCAG A
10 tasks
1Copenut
added a commit
that referenced
this issue
Nov 17, 2021
…description (#5364) * Adding generated IDs to create accessible label and description * Generated class attributes for aria-labelledby and aria-describedby * Updated snapshot tests * Adding CHANGELOG entry to main * Refactoring props for cleaner implementation * Removed `screenReaderId` from parent, passed directly to child component * Added screen reader text to the Color Palette Picker button * Updated snapshot tests * Removing unnecessary prop from EuiColorPalettePicker * Adding screen reader only titles for Color Palette Picker * Refactored to add `aria-hidden` to color bars * Added screen reader only text titles * Fixes an axe-core issue with buttons needing discernible text in SuperSelect * Added issue #5367 to CHANGELOG * Removing extra ternary logic in Color Palette Picker * Editing CHANGELOG message for mis-spelling. * Adding inline comment to explain a11y intent * Refactoring to use spread operator to pass title prop * Adding conditional checks to avoid empty SR-only spans. * Revising describedby helper text after screen reader testing.
22 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description:
I discovered the
EuiColorPalettePickeraccessible label is looking for a text element that does not exist to populate the SR-only accessible label. This should be adjusted to read out the palette's descriptive name.Guidance:
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships
The text was updated successfully, but these errors were encountered: