Ensure appropriate labels are provided for color/gradient picker controls #54055
Labels
[Focus] Accessibility (a11y)
Changes that impact accessibility and need corresponding review (e.g. markup changes).
[Package] Components
/packages/components
What problem does this address?
Changes introduced in #52255 make it a requirement for the
CircularOptionPicker
to have anaria-label
/-labelledby
prop provided, to make sure appropriate context is available for the control. The three consuming components (ColorPalette
,DuotonePicker
andGradientPicker
) all hide this requirement behind a default value, and should transition away from optional ARIA props to requiring a label of some sort.What is your proposed solution?
All of the higher-order controls that use these three foundational components should be updated to provide a more appropriate and relevant label for their context, passing either an
aria-label
oraria-labelledby
prop.Acceptance Criteria
ColorPalette
,DuotonePicker
andGradientPicker
aria-label
oraria-labelledby
ColorPalette
,DuotonePicker
andGradientPicker
to require one ofaria-label
oraria-labelledby
(see related conversation)The text was updated successfully, but these errors were encountered: