WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Aria-describedby for entire checkbox grouping?

for

From: Patrick H. Lauke
Date: May 11, 2022 1:52AM

On 11/05/2022 00:50, Alex Gonzalez wrote:
> Hello,
>
> I was attempting to do something similar to this example from Gov
> UK's website:
> https://design-system.service.gov.uk/components/checkboxes/default/index.html
>
> You'll notice they have an aria-describedby describing the entire fieldset
> for the checkbox group with "Check all that apply". However, I noticed that
> in both NVDA and Voice Over, the "Check all that apply" is not read when I
> focus the checkbox input elements.

I can confirm that, in a very quick test using Chrome, I can get
Chrome/JAWS 2022 to announce the "Check all that apply" when entering
the fieldset, but with Chrome/NVDA that aria-describedby is ignored
(only the <legend> is announced).

> I was wondering if anyone knows a way to correctly get the screen reader to
> describe the checkbox input(s) with "Check all that apply" ?

I'd go for the simpler approach of making the "Check all that apply"
part of the <legend> (with some extra styling to make it look like it
does in the example there)

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke