Web Dev
EN
Making a Better Custom Select Element
[]
24 ways
One that’s come up a lot recently is that people are making custom select inputs for their forms.
But so far I’ve never come across a custom select input which actually meets all of the WCAG AA criteria.
A select input is essentially a text input which restricts the possible answers, so let’s make a standard input.
You can check out my custom select pattern on GitHub – I’ll be making additions as I test it on more assistive technology, and I welcome suggestions for improvements.
I think the volume of custom select inputs out there shows the ways in which the native select input is insufficient for modern websites.
['better'
'select'
'screen'
'list'
'reader'
'custom'
'users'
'making'
'add'
'input'
'options'
'element'
'text']