WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Make screen readers announce the position of item in list

for

From: Jonathan Cohn
Date: Oct 16, 2018 5:44AM

Hmm, I would suggest that forcing this issue is probably not the correct solution. This is something the screen reader is certainly capable of doing so you should see if there is a configuration to manage this. Also the statements about a ordered list makes sense to me.


Best wishes,

Jonathan Cohn



> On Oct 16, 2018, at 6:38 AM, Mohith BP < <EMAIL REMOVED> > wrote:
>
> Hi Ajay,
>
> I don't think aria-setsize and aria-posinset are supported for a list item.
> As you mentioned it is a simple list, screen reader reads the number
> of list items in the beginning which gives an idea for the users that
> they have to navigate along these 50 items and one can use screen
> reader navigation end list (>) in JAWS.
>
> If your situation is demanding that you need to inform the position,
> please try the following however these were not tested.
> 1. Try adding redundant role="listitem" Note you need to add the
> parent role list as well.
> 2. Is it possible to use ordered list so that the list items are numbered.
> 3. Last method is to add an offscreen text in the end.
>
>
> Thanks & Regards,
> Mohith B. P.
>
> On 10/16/18, Ajay Sharma < <EMAIL REMOVED> > wrote:
>> HI,
>>
>> We are in a situation where we have a long list of over 50 items,
>> which is defined under plain HTML list using <li>, now thing is that
>> screen reader,in this case NVDA reads "list with 50 elements" but does
>> not read position with individual list items, like "item name, 5 of
>> 50".
>>
>> We tried aria-setsize and aria-positionset but, that too didn't made
>> much difference. So, is there any standard practice to make screen
>> readers read position along with individual list items?
>>
>> Thanks!
>> Ajay
>>
>> On 10/15/18, Isabel Holdsworth < <EMAIL REMOVED> > wrote:
>>> Hi all,
>>>
>>> A customer wants us to add speech synthesis to their website. They
>>> want to be able to highlight a block of text on the page that could be
>>> anything from a single character to a whole paragraph, and have it
>>> read aloud.
>>>
>>> I can't think how to implement this functionality using a keyboard,
>>> apart from making the whole page into a contenteditable div, which
>>> would be a big no-no.
>>>
>>> Is there any dyslexia software that offers this type of keyboard
>>> navigation? If so that would give me a starting point at least.
>>>
>>> I'd really appreciate any thoughts you can come up with.
>>>
>>> Cheers, Isabel
>>> >>> >>> >>> >>>
>> >> >> >> >>
> > > >