Automattic / Iris

A(n awesome) Color Picker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gradient selector and color links lack ARIA labels

SteelWagstaff opened this issue · comments

We recently worked with the Inclusive Design Research Centre to conduct an accessibility audit on our WordPress-based software backend (for Pressbooks). In the course of that audit, the auditor indicated that the content of the color picker is not communicated to users of assistive technologies. For example, the selector within the gradient is communicated as link, and the various colors (black, white, red, etc.) are announced as group.
Screen Shot 2019-04-29 at 1 13 03 PM

Our auditors indicated that this can be fixed by adding an ARIA label to each color so that it says something other than 'group' (i.e. the color's name or hex value).