WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Safari Voice Over: Empty Groups


From: Graham Armfield
Date: Aug 19, 2021 3:33AM

Hi Michael,

In your Codepen example the rendered output seems to be a numbered list.

If that's what your aiming for I'm not sure why you would do it that way.
Surely an unordered list <ol> would be easier and give a more structured
result for screen reader users.

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.

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

Graham Armfield
Coolfields Consulting