WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Page loading announcement to screen reader user

for

From: Birkir R. Gunnarsson
Date: Sep 26, 2023 7:15AM

Your best bet is probably to put focus on an image element with the
word "loading..." untl the page is fully loaded.
You can put aria-busy="true" on the <body> element of the page until
it is done loading, then remove it.
That will make the page impossible to explore by a screen reader user
until it is done loading.


On 9/26/23, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
>
> On 26/09/2023 11:50, Sudheer Babu wrote:
>
>> We tried updating the page title when the page is loading and used
>> aria-live regions and role alerts, but JAWS/NVDA is not picking up
>> anything
>> related to that.
>
> How are you using the live region/role? Note that if you're essentially
> serving the already populated container with aria-live="..." and
> role="alert" (i.e. the container already has the message in it in the
> markup sent by the server), SRs won't recognise it as a live region
> change and not explicitly announce it. live regions need to first be
> "primed" (e.g. the browser/SR need to first see the region one time),
> and then any *subsequent* changes in content inside that region will be
> announced (i.e. you need to push the actual announcement dynamically via
> JS into that container, so that the browser/AT then notice a
> mutation/change, which then triggers the announcement).
>
> P
> --
> Patrick H. Lauke
>
> https://www.splintered.co.uk/ | https://github.com/patrickhlauke
> https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
> https://mastodon.social/@patrick_h_lauke | skype: patrick_h_lauke
>
>
> > > > >


--
Work hard. Have fun. Make history.