WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible combobox components

for

From: Bryan Garaventa
Date: Feb 20, 2017 7:53PM

Hi,
Please review the following article which explains all of the ARIA 1.0 and 1.1 differences that you will need to be aware of.
https://www.ssbbartgroup.com/blog/differences-aria-1-0-1-1-changes-rolecombobox/



Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
<EMAIL REMOVED>
415.624.2709 (o)
www.SSBBartGroup.com


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Sean Curtis
Sent: Monday, February 20, 2017 6:34 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Accessible combobox components

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