I'm currently exploring open-source development, creating multiple projects which I hope one day will change the world. Join me in making our planet a better place through technology!
Looks really nice, but unfortunately this isn't accessible at all to blind/visually impaired users who use screen readers, or users with reduced motor ability who use either the keyboard only or switches. Would love to see an accessible version! Until then, I'm gonna stick to the default semantic <select>...
Hello, I am kunaal a fullstack developer.I have a youtube channel "Modern Web" where I teach to make awesome web UI/ UX. Don't forget to checkout my youtube channel
Looks really nice, but unfortunately this isn't accessible at all to blind/visually impaired users who use screen readers, or users with reduced motor ability who use either the keyboard only or switches. Would love to see an accessible version! Until then, I'm gonna stick to the default semantic
<select>
...Ah ! My bad I totally forgot this scenario but no worry you can use this select in your forms you just have to do some changes.
Step 1-. Inside CSS file remove this line
Step 2- Then in JS add focus and blur event to select button
Step 3- And last modify window.keypress function little bit.
And now you can easily access this select button from tab and change options with keys.
I hope you find this helpful.
Thank you.