WebAIM - Web Accessibility In Mind

E-mail List Archives

Accessible, flexible select box


From: Isabel Holdsworth
Date: Jan 29, 2019 4:42AM

Hi all,

An app that I'm working on needs a select box, and my colleagues are
leaning towards a custom select using ARIA listbox and option roles.

IMHO custom selects don't offer a good user experience on iOS.

But native selects are difficult to style, and especially to apply our
huge range of colour contrast options. We run Chrome in a secure
client that apparently doesn't respect the OS's high contrast mode, so
we fake it. But native selects don't respect our simulated high
contrast UI.

Using native and custom selects together and hiding the custom one
from screenreaders isn't an option, as it could then be hidden from
speech input technologies as well.

I'd really appreciate any thoughts or ideas you might have.

Cheers, Isabel