DEV Community

Discussion on: Let's Build a Colour Picker Web Component

Collapse
 
westbrook profile image
Westbrook Johnson

Very cool Benny! Thanks for sharing. Wondering if you might have a clever way to make this sort of experience accessible to screen readers?

Collapse
 
bennypowers profile image
Benny Powers 🇮🇱🇨🇦

Good idea! As the focus of the post was custom elements and reactive controllers, I didn't cover all the bases, I'd love to see a remixed glitch that builds in accessibility code down here in the comments though. I'll add that idea to the "next steps" section

For production needs, check out <vanilla-colorful>

Collapse
 
dbatiste profile image
Dave Batiste

A nice a11y related feature is to include the ability to specify a background or foreground reference color, and show the color contrast along with WCAG AA/AAA compliance. In some contexts, this is an important (yet rarely implemented) feature as it goes beyond standard a11y to include authoring accessible content. I know your sample component wasn't meant to include all the bells & whistles though. Thanks for sharing this Benny!

Thread Thread
 
bennypowers profile image
Benny Powers 🇮🇱🇨🇦

I'd love to see a remix that includes this