WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Safari Voice Over: Empty Groups

for

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

Hello Graham! Thanks so much for the help! I really appreciate it!

On Thu, Aug 19, 2021 at 2:33 AM Graham Armfield
< <EMAIL REMOVED> > wrote:
> In your Codepen example the rendered output seems to be a numbered list.

Ah, sorry for the confusion there. I thought the numbers might be
helpful as a reference device. I can see where this caused confusion
so I removed the numbers:

https://codepen.io/mhulse/full/wvdLRxQ

> In my experience, using aria-label on a div doesn't usually give you much
> as the div has no role.
> If you're wanting to section areas of a page, you could use aria-label on a
> section element, or try adding role="region" to the div.
> Or alternatively use headings at the start of each section.

Great points and ideas, thank you!!!

> But maybe I am misunderstanding what you're trying to do.

Oh, I think I'm just confusing myself. We (my coworkers and I) started
adding "role=none" on a lot of elements in order to avoid VO from
reading it as a group. I think some folks were testing in Chrome, and
others in Safari (each aforementioned browser yields different
results, hence the lack of clarity in my questions and demo).