WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: when is a list not a list?

for

From: Aditya
Date: Feb 25, 2022 8:10PM


Aria-label is not meant to override text (in non-interactive) elements. So divs spans p tags etc should not use aria-label.

Buttons, links, select tags etc are OK.

In the original example, if there was no aria-label, how would the list and its items get accessible name?

Background images do not have alt text so, while calculating the accessibility name, the algorithm just sees empty list.



Sent from my iPhone

> On Feb 25, 2022, at 8:33 PM, glen walker < <EMAIL REMOVED> > wrote:
>
> 
> There was no aria-label on the real list example and it wasn't read there either. Not sure why the aria-label would prevent things from being read anyway. What makes you say that?
>
>> On Fri, Feb 25, 2022 at 7:23 PM Aditya via WebAIM-Forum < <EMAIL REMOVED> > wrote:
>> aria-label on a div seems to be why they are not reading it.
>>
>> If you were to remove aria-label and use “sr-only” spans inside the list item divs, it might work.
>>
>>