E-mail List Archives
Thread: Best way to prevent screen reader reading aria-live region in browse mode?
Number of posts in this thread: 7 (In chronological order)
From: Mark Magennis
Date: Wed, Jun 19 2019 6:37AM
Subject: Best way to prevent screen reader reading aria-live region in browse mode?
No previous message | Next message →
--_004_MN2PR08MB58061220302F7DE51DE31D6FE5E50MN2PR08MB5806namp_
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
Hi,
Suppose I have a <span role=3D"alert"> and I put some content into it, say =
"record deleted". What would you say is the best way to prevent a screen re=
ader 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=3D"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/>;
--_004_MN2PR08MB58061220302F7DE51DE31D6FE5E50MN2PR08MB5806namp_
Content-Type: image/jpeg; name="image001.jpg"
Content-Description: image001.jpg
Content-Disposition: inline; filename="image001.jpg"; size=1497;
creation-date="Wed, 19 Jun 2019 12:37:10 GMT";
modification-date="Wed, 19 Jun 2019 12:37:10 GMT"
Content-ID: <image001.jpg@01D526A4.17529DC0>
Content-Transfer-Encoding: base64
/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIf
IiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7
Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAaAF8DASIA
AhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQA
AAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3
ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWm
p6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEA
AwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSEx
BhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElK
U1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3
uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2aqd5
q2n6dcWtveXkUEt4/l26O2DK3HA9TyPzrk9S8a63ceKL7QfDGiQX0unKrXMlzciMEsM4Ud/r/k4n
iu9v9Q1nwBc6npp027bU2ElsZBJtw6DOR64z+NAHqdY58W+HhaXN2dXtRBazeRNIXwEk/umsu08Z
Ta14tbSdBs0urGz4v9QdyERv7iY+8f8APavOPFOpWeo/D/xH9k0i207yNcEb+QT++IJ+Y+/t0oA9
nXV9ObVBpa3kJvTF53kBvn2f3selXK80hkWH43iRzhU0IMT7AiptO8feLNdtTq+i+E4bvSvNKKDe
qs7AHBOOg+lAHotFcd4i8cXdjrkPh3QdHbVdYeISyx+YEjgX1Zv/ANXUetQ6P481I68PD3iPQjpu
pyxNJa7Jg8VxgE7Q3Y8Hufw7gHRal4o0HR7tLTUdXtLW4fBWOWUA4PQn0H1rSkbETMp6KSK8V8JG
/wBX8ceIJ7/wXBqUsl8i3BuLiNjYDJ4G4fNjH8P92rnhnxJ4t/4TrxHs8OTXju8Yms21BQtmOehP
ByPT0oA3fDHjfWtUsbyK5s2lMMEjC/jUBUIUkbh0zx2/KtHwJ4t1TxBGYb7T2YIv/H7GNqMfQj1+
n5CqvjW91LRdR0my0GEeXLHIpso4Q0coyvBUfU812Gj+f/ZVuLmyjsZQmGt4mBWP2GKzje9r7Hr4
l0vY+0jTS59tdVa/Tz+48x8bT+CbnxDdvqo1fQdYgOyO9t4XH2jA4ZcZDDtng8dawNVg17xHoHgq
11ua4iurq/liS5kQiURkoFdh69evUAH3r3kgHGQDjpmjFaHkHl+hQyfDHxuugM0smga0QbOV+TFP
wCCffgfivoa47Uo3/wCEB8WjY2f+Ei6Y9zX0DjNGB6CgDzRXaD40tP5Mkoj0DdsRcs+OwHcmuQ1W
68OQE3vgmfW9H8QvIuNLSFwrMSMgrjHrxkjtivesc570YGc4GfWgDyye8u/A/wAQZ/EmuWMzWGsW
USTXFuhcW0yqoZTjtlT+YxnBp51H/hYnxC0O90a1nGlaIXlmvZYigdjjCrnr90fmfSvUOvBoAAGA
MCgDz74dKw8ZeOSVIB1FcZHXmSsm08QWvgz4peJf7YhukGptCbUxQl/MGO2Pr+hr1fFGASDgZHQ0
AG1SwbAzjAOKWiigD//Z
--_004_MN2PR08MB58061220302F7DE51DE31D6FE5E50MN2PR08MB5806namp_--
From: Swift, Daniel P.
Date: Wed, Jun 19 2019 6:41AM
Subject: Re: Best way to prevent screen reader reading aria-live region in browse mode?
← Previous message | Next message →
Mark:
I'm pretty sure automatically closing/hiding it is a violation. I'd suggest including an option for the user to close it - on user interaction changing it to display:none. That would work for all users.
Dan Swift
Senior Web Specialist
Enterprise Services
West Chester University
610.738.0589
-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Mark Magennis
Sent: Wednesday, June 19, 2019 8:37 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] Best way to prevent screen reader reading aria-live region in browse mode?
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/>;
From: Mark Magennis
Date: Wed, Jun 19 2019 7:35AM
Subject: Re: [EXTERNAL]Best way to prevent screen reader reading aria-live region in browse mode?
← Previous message | Next message →
Thanks for the reply Dan.
I'm not hiding anything that's on screen though. This feedback message is only intended for screen reader users.
Mark
-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Swift, Daniel P.
Sent: 19 June 2019 13:41
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [EXTERNAL] Re: [WebAIM] Best way to prevent screen reader reading aria-live region in browse mode?
Mark:
I'm pretty sure automatically closing/hiding it is a violation. I'd suggest including an option for the user to close it - on user interaction changing it to display:none. That would work for all users.
Dan Swift
Senior Web Specialist
Enterprise Services
West Chester University
610.738.0589
-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Mark Magennis
Sent: Wednesday, June 19, 2019 8:37 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] Best way to prevent screen reader reading aria-live region in browse mode?
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/>;
From: Birkir R. Gunnarsson
Date: Wed, Jun 19 2019 7:56AM
Subject: Re: [EXTERNAL]Best way to prevent screen reader reading aria-live region in browse mode?
← Previous message | Next message →
If the deletion happens as a result of user activating a link or a
button it does not violatt WCAG 3.2.1 or 3.2.2
I'd suggest either item #1 (the basic interface of GMail does this
very wel) or add a "close" button to the screen reader warning, you
can use tabindex="-1' on it, since it is intended for screen reader
browse mode and screen reader users can activate a button from browse
mode without it being focusable. If it were focusable it would cause
confusion for sighted keyboard only users.
Or you could code a modal dialog for all users with the message "user
deleted" and a "close" button.
I am sure other users would benefit.
On 6/19/19, Mark Magennis < = EMAIL ADDRESS REMOVED = > wrote:
> Thanks for the reply Dan.
>
> I'm not hiding anything that's on screen though. This feedback message is
> only intended for screen reader users.
>
> Mark
>
>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of
> Swift, Daniel P.
> Sent: 19 June 2019 13:41
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: [EXTERNAL] Re: [WebAIM] Best way to prevent screen reader reading
> aria-live region in browse mode?
>
> Mark:
>
> I'm pretty sure automatically closing/hiding it is a violation. I'd suggest
> including an option for the user to close it - on user interaction changing
> it to display:none. That would work for all users.
>
> Dan Swift
> Senior Web Specialist
> Enterprise Services
> West Chester University
> 610.738.0589
>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Mark
> Magennis
> Sent: Wednesday, June 19, 2019 8:37 AM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: [WebAIM] Best way to prevent screen reader reading aria-live region
> in browse mode?
>
> 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/>;
>
> > > > > > > > >
--
Work hard. Have fun. Make history.
From: Patrick H. Lauke
Date: Wed, Jun 19 2019 8:07AM
Subject: Re: [EXTERNAL]Best way to prevent screen reader reading aria-live region in browse mode?
← Previous message | Next message →
On 19/06/2019 14:35, Mark Magennis wrote:
> I'm not hiding anything that's on screen though. This feedback message is only intended for screen reader users.
Leaving aside whether or not there should be some visible
tooltip/toast/notification for non AT users...you could generate it well
out of the likely way of the user's position in the document (e.g. right
at the end of the doc) and after a generous-enough timeout (few
seconds?) remove it completely?
P
--
Patrick H. Lauke
www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke
From: Aditya
Date: Wed, Jun 19 2019 5:52PM
Subject: Re: Best way to prevent screen reader reading aria-live region in browse mode?
← Previous message | Next message →
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 ADDRESS 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/>;
>
> > > >
From: Isabel Holdsworth
Date: Thu, Jun 20 2019 4:51AM
Subject: Re: Best way to prevent screen reader reading aria-live region in browse mode?
← Previous message | No next message
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 ADDRESS 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 ADDRESS 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/>;
>>
>> >> >> >> >
> > > > >