WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Progress Bar on iOS phone

for

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

From: Radhika Takyar
Date: Thu, Mar 05 2020 11:45AM
Subject: Progress Bar on iOS phone
No previous message | Next message →

Hi All,

I have quick question regarding progress bar. Where on desktop when using voice over with safari. Screen reader is reading the %age for progress bar. But the same code is not working for progress bar on mobile. When using safari with voiceover.

Role= progress bar, aria-valuenow, aria-valuemin, aria- valuemax
Do anyone knows if it is an existing issue. If not how can we resolve it for iPhone?

Thanks in advance!

Regards,
Radhika

From: Maxability A11Y
Date: Fri, Mar 06 2020 2:30AM
Subject: Re: Progress Bar on iOS phone
← Previous message | Next message →

Hi Radhika,
Any publically available implimentation where I can replicate the issue.


Regards - Rakesh,
M: 9948243336, E: = EMAIL ADDRESS REMOVED =
Sent from my iPhone

> On 06-Mar-2020, at 12:15 AM, Radhika Takyar < = EMAIL ADDRESS REMOVED = > wrote:
>
> Hi All,
>
> I have quick question regarding progress bar. Where on desktop when using voice over with safari. Screen reader is reading the %age for progress bar. But the same code is not working for progress bar on mobile. When using safari with voiceover.
>
> Role= progress bar, aria-valuenow, aria-valuemin, aria- valuemax
> Do anyone knows if it is an existing issue. If not how can we resolve it for iPhone?
>
> Thanks in advance!
>
> Regards,
> Radhika
> > > >

From: glen walker
Date: Fri, Mar 06 2020 12:47PM
Subject: Re: Progress Bar on iOS phone
← Previous message | No next message

What do you mean by "not working"?

I grabbed the example on the authoring practice page for sliders,
https://www.w3.org/TR/wai-aria-practices/examples/slider/slider-1.html, and
changed the green slider to role=progressbar. Both the red slider and the
green progress bar would announce their percentage on both Mac and iOS with
Voiceover.