WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Best way to prevent screen reader reading aria-live region in browse mode?

for

From: Aditya
Date: Jun 19, 2019 5:52PM

If the message is visible to all users, then it should also be available for screen reader users to even after announcing.

If the message is just for screen readers, place this alert some where above the triggering element so that users do not encounter it when navigating ahead.
You also could use a timeout to delete the message after few seconds.

If the message reads "1 record deleted" every time a record is deleted, the screen reader might not announce it after 1st time since the message does not change. Especially in react where it does not see a change in content and does not re-render.

To summarize,
Place it above triggering element in DOM and delete it after a time out.


Sent from my iPhone

> On Jun 19, 2019, at 7:37 AM, Mark Magennis < <EMAIL REMOVED> > wrote:
>
> Hi,
>
> Suppose I have a <span role="alert"> and I put some content into it, say "record deleted". What would you say is the best way to prevent a screen reader from reading this again by coming across it while browsing?
>
>
> 1. Remove the content after a few seconds
> 2. Put it somewhere that the screen reader can't reach
> 3. Add aria-hidden="true"
> 4. Something else
>
> Thanks,
> Mark
>
> Mark Magennis
> Skillsoft | mobile: +353 87 60 60 162
> Accessibility Specialist
> [cid:image001.jpg@01D4B932.D0127180]<http://www.skillsoft.com/>;
>
> > > >