Published on December 22, 2016 by Chrome
Want create site? Find Free WordPress Themes and plugins.

ARIA Authoring Practices, Alert pattern: goo.gl/8ZnyAH

In previous episodes we covered how to get up and running using screen readers but one question I’ve seen come up is how do I tell a screen reader user about new content that I’ve added to the page dynamically, such as an alert? Today on the show we’ll cover the very basics of the alert role and touch on the topic of ARIA live regions. By the end you should be able to create your first alert that works well in VoiceOver and NVDA!

Watch all A11ycasts episodes: goo.gl/06qEUW

Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: goo.gl/LLLNvf

Did you find apk for android? You can find new Free Android Games and apps.

Leave a Reply

22 Comments on "Alerts! — A11ycasts #10"

Notify of
avatar

Matt Carbone
Guest
Matt Carbone
9 months 4 days ago

Rob, Thanks again, great stuff. As an Angular developer I look forward to using modern approaches and ES 2015+.

Vadim Makeev
Guest
Vadim Makeev
9 months 5 days ago

There’s a mistake on 8:10: when generic font-family is quoted it makes browser look for a font named 'sans-serif', not for a generic family. So it’s important to keep generic families as is, unquoted.

Manuel Matuzovic
Guest
Manuel Matuzovic
10 months 1 day ago

Thanks for another great video, Rob. I tried to replicate your example and it works with JAWS, NVDA and VoiceOver, but as soon as I hide the alert with a SR friendly technique it only works sometimes with VoiceOver. (codepen.io/matuzo/pen/NddNQB) Do you have an idea why? Thanks!

Николай Марченко
Guest
Николай Марченко
10 months 26 days ago

Hey, guys! w3c validator tell me warnings like this:The banner role is unnecessary for element header.The navigation role is unnecessary for element nav. (2)The button role is unnecessary for element button.The main role is unnecessary for element main.The contentinfo role is unnecessary for element footer.Do I need to use these attributes, if I use semantically correct tags? Or is it necessary for some special-readers?

Николай Марченко
Guest
Николай Марченко
10 months 26 days ago

Ok. Thanks, Rob!

Rob Dodson
Guest
Rob Dodson
10 months 26 days ago

you shouldn't need to use those roles if you're using the correct tags

Adarsh Bhat
Guest
Adarsh Bhat
10 months 28 days ago

What about Windows – Edge and IE 11?

Rob Dodson
Guest
Rob Dodson
10 months 26 days ago

For IE11 I believe the most common screen reader is JAWS and I believe this should work there as well.

Wiktor Olejniczak
Guest
Wiktor Olejniczak
10 months 28 days ago

Does paper-toast Polymer element have that implemented?

Rob Dodson
Guest
Rob Dodson
10 months 28 days ago

I believe so as it uses iron-a11y-announcer elements.polymer-project.org/elements/iron-a11y-announcer

QbsidianH20
Guest
QbsidianH20
10 months 29 days ago

Is JS Bin endorsed by Google?

eddie coleman
Guest
eddie coleman
10 months 6 days ago

QbsidianH20

Rob Dodson
Guest
Rob Dodson
10 months 28 days ago

hah um I don't know. It's a cool site that I like to use but I don't speak for all of Google

Eimantas Tauklys
Guest
Eimantas Tauklys
10 months 29 days ago

were you making video in the kindergarden?

Rob Dodson
Guest
Rob Dodson
10 months 28 days ago

yes

The Best You World
Guest
The Best You World
10 months 29 days ago

very good.

3m0_Wr3ck
Guest
3m0_Wr3ck
10 months 29 days ago

nice use of clone ty!

wpDiscuz