WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Aria-describedby for entire checkbox grouping?

for

From: Geethavani.Shamanna
Date: May 11, 2022 3:06AM

With NVDA and Chrome: NVDA announces 'Check all that apply' when tabbing in the Focus mode, but not in the Browse mode.

Geetha
-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Patrick H. Lauke
Sent: 11 May 2022 08:52
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Aria-describedby for entire checkbox grouping?

CAUTION: This mail comes from outside the University. Please consider this before opening attachments, clicking links, or acting on the content.

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/ind
> ex.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