grommet / grommet-design

Grommet design resources, including design sticker sheets, application templates, and icons.
Apache License 2.0
109 stars 20 forks source link

Edit 16x16 status icon color - HPE/Grommet sticker sheets #21

Closed tracybarmore closed 8 years ago

tracybarmore commented 8 years ago

Need to change 16x16 status icon colors to #333 to meet accessibility contrast standards.

bryanjacquot commented 8 years ago

One option is to use #333 for small icons, but use shape of larger icons for accessible coding.

L0ZZI commented 8 years ago

Close, no change. The color density of the status icons is strong enough at small sizes as the color is solid. The WCAG AA spec specifies that text and images of text satisfy need to be 19px, bold, and 3:1 contrast. it could be interpreted that that the icons don't need to satisfy this with an accompanying alt text.