E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 3 (In chronological order)

From: Ajay Sharma
Date: Tue, Oct 16 2018 3:43AM
Subject: Make screen readers announce the position of item in list
No previous message | Next message →

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 ADDRESS 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
> > > > >

From: Mohith BP
Date: Tue, Oct 16 2018 4:38AM
Subject: Re: Make screen readers announce the position of item in list
← Previous message | Next message →

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 ADDRESS 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 ADDRESS 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
>> >> >> >> >>
> > > > >

From: Jonathan Cohn
Date: Tue, Oct 16 2018 5:44AM
Subject: Re: Make screen readers announce the position of item in list
← Previous message | No next message

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 ADDRESS 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 ADDRESS 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 ADDRESS 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
>>> >>> >>> >>> >>>
>> >> >> >> >>
> > > >