E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 4 (In chronological order)

From: Sean Curtis
Date: Mon, Feb 20 2017 7:34PM
Subject: Accessible combobox components
No previous message | Next message →

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

From: Bryan Garaventa
Date: Mon, Feb 20 2017 7:53PM
Subject: Re: Accessible combobox components
← Previous message | Next message →

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 ADDRESS REMOVED =
415.624.2709 (o)
www.SSBBartGroup.com


-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Sean Curtis
Sent: Monday, February 20, 2017 6:34 PM
To: WebAIM Discussion List < = EMAIL ADDRESS 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

From: Sean Curtis
Date: Mon, Feb 20 2017 8:38PM
Subject: Re: Accessible combobox components
← Previous message | Next message →

Thanks Bryan, I hadn't seen that. I've modified my code and VO does read
out an activedescendant, but only when you focus the field, not when the
value changes. It only announces it in Chrome too. Safari (and Safari Tech
Preview) do not announce it at all.

Cheers,

Sean

On Tue, Feb 21, 2017 at 1:53 PM, Bryan Garaventa <
= EMAIL ADDRESS REMOVED = > wrote:

> 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 ADDRESS REMOVED =
> 415.624.2709 (o)
> www.SSBBartGroup.com
>
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Sean Curtis
> Sent: Monday, February 20, 2017 6:34 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS 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
> > > at http://webaim.org/discussion/archives
> > > > > >

From: Bryan Garaventa
Date: Mon, Feb 20 2017 9:49PM
Subject: Re: Accessible combobox components
← Previous message | No next message

I know, this is an open issue :)
https://bugs.webkit.org/show_bug.cgi?id7680


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

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

Thanks Bryan, I hadn't seen that. I've modified my code and VO does read out an activedescendant, but only when you focus the field, not when the value changes. It only announces it in Chrome too. Safari (and Safari Tech
Preview) do not announce it at all.

Cheers,

Sean

On Tue, Feb 21, 2017 at 1:53 PM, Bryan Garaventa < = EMAIL ADDRESS REMOVED = > wrote:

> 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 ADDRESS REMOVED =
> 415.624.2709 (o)
> www.SSBBartGroup.com
>
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of Sean Curtis
> Sent: Monday, February 20, 2017 6:34 PM
> To: WebAIM Discussion List < = EMAIL ADDRESS 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
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >