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: Isabel Holdsworth
Date: Jun 20, 2019 4:51AM

If you may need to reuse the alert container, don't set its display to
none - just remove the message from it.

On 20/06/2019, Aditya via WebAIM-Forum < <EMAIL REMOVED> > wrote:
> 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/>;
>>
>> >> >> >> >
> > > > >