WebAIM - Web Accessibility In Mind

E-mail List Archives

Accessible combobox components

for

From: Sean Curtis
Date: Feb 20, 2017 7:34PM

I've been looking around for examples of accessible combobox components but
none really work the way I'd expect. I've created a reduced test case (
http://codepen.io/seancurtis/full/GrVJPK/) using the code example from the
W3C page (https://www.w3.org/TR/wai-aria/roles#combobox), but VoiceOver
doesn't communicate the selection of values when using
aria-activedescendant. Does anyone have any better examples of this pattern?

Note: the content of the input shouldn't change as the selection moves.
This is the unwanted behaviour I see in most other examples of combobox
components (eg. http://oaa-accessibility.org/examplep/combobox2/)

Cheers,

Sean Curtis