search

words / color-description

Color-Description turns a technical color representation into a human readable description.
https://words.github.io/color-description/
MIT License
61 stars 6 forks source link

color picker keyboard accessible #4

Closed nico-martin closed 3 years ago

nico-martin commented 3 years ago

I think it would be great if the color picker would be keyboard accessible. The little circles could be a button (focusable) and you could move them with the keys :)

meodai commented 3 years ago

@nico-martin oh I set it to aria-hidden and the browser's native color picker is .visually-hidden

meodai commented 3 years ago

@nico-martin can you have a look at the new demo? try tabbing

nico-martin commented 3 years ago

Oh, that's nice 👍

nico-martin commented 3 years ago

Would it also make sense to add the a url-hash with the current color? Then it would also be possible to open https://words.github.io/color-description/#ff0000 and have directly the red color active.

meodai commented 3 years ago

@nico-martin the HTML is just a demo not the tool it self. The bundle "only" ships the class that can identify the color. Feel free to make a project out of it! Would love to see that. (I am already using it here: https://parrot.color.pizza/color/980fff/%E2%9D%A4 in the top section)