fix(ui-color-picker): add hex to aria-label

INSTUI-4273
instructure · Feb 4, 2025 · 7518383 · 7518383
1 parent 359b73c
commit 7518383
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ui-color-picker/src/ColorPreset/index.tsx b/packages/ui-color-picker/src/ColorPreset/index.tsx
@@ -266,7 +266,9 @@ class ColorPreset extends Component<ColorPresetProps, ColorPresetState> {
       cursor={this.props.disabled ? 'not-allowed' : 'auto'}
       as="button"
       {...(selectOnClick ? { onClick: () => this.props.onSelect(color) } : {})}
-      {...(this.isSelectedColor(color) ? { 'aria-label': 'selected' } : {})}
+      {...(this.isSelectedColor(color)
+        ? { 'aria-label': color + ' selected' }
+        : { 'aria-label': color })}
     >
       <div>
         <ColorIndicator color={color} shape="rectangle" role="presentation" />