Color picker a11y - Githubissues

marcysutton / a11y-camp

Accessibility Camp Seattle site

https://seattle-a11y-camp.now.sh/

MIT License

1 stars 0 forks source link

Color picker a11y #3

Closed marcysutton closed 5 years ago

marcysutton commented 5 years ago

I love the effect of the color picker! We should play with it to make it more accessible:

make sure the color picker buttons have accessible names (yellow, green, etc.)
Ensure text contrast meets WCAG ratios for each of the colors (4.5:1 for regular text, 3:1 for large bold text)

charliewilco commented 5 years ago

can you clarify what you mean by accessible names?

marcysutton commented 5 years ago

Ah, yes! The buttons are missing labels for screen readers. You could add them with <button aria-label="yellow"> or a visually hidden span inside the button.