WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Safari Voice Over: Empty Groups


From: Michael H
Date: Aug 19, 2021 5:35PM

Hi Glen! Thank you for your help! It's greatly appreciated! :)

On Thu, Aug 19, 2021 at 7:34 AM glen walker < <EMAIL REMOVED> > wrote:
> I don't have a Mac to try this on but was curious what VO on iOS did. It
> just says "1 blah" through "6 blah" (and skips 5 since it's aria-hidden).
> It doesn't mention groups.

Ugh, :: face palm ::

This feels like a moving target.

> I know the codepen is sort of contrived, trying to mimic what you're really
> doing so am not sure what your original intent is. In general, divs and

Ugh, I know. Sorry about that! Thanks for understanding.

I posted a more real-world example of what we do in our Angular SPA:


Note that I recently re-worked the above example (in our real-world
app) to not use aria-label/role and just use
visuallyhidden/aria-hidden text ... It seems to behave much better in
Safari after the update.

> spans are non-semantic to begin with so specifying role="none" or
> role="presentation" seems superfluous. It shouldn't make a difference but
> it sounds like VO on the Mac behaves differently with the role.

I think we fixed VO in Chrome using role=none + aria-labels, but
caused Safari to say Empty Group for the same elements.

Sorry for the confusion.

> Also, regarding aria-label on divs, check out "2.10 Practical Support:
> aria-label, aria-labelledby and aria-describedby" at
> https://www.w3.org/TR/using-aria/#label-support. In particular, the third
> last bullet point addressing divs and spans.

Awesome! Thank you for the link and the quote!

I'll talk with my teammates to see if we can all get on the same page.

Thanks again for the help!