WebAIM - Web Accessibility In Mind

E-mail List Archives

Looking for aria-live examples that actually work as expected on Desktop Safari (or Chrome) with VoiceOver

for

From: Roel Van Gils
Date: May 26, 2017 11:30AM

Hi,

Does anyone have links to aria-live examples that actually work on macOS with VoiceOver?

The examples by Terrill Thompson (https://terrillthompson.com/tests/aria/live-scores.html) and most of Heydon Pickering's practical ARIA Examples (http://heydonworks.com/practical_aria_examples/) don't work as expected.

I've also set up this (rather classic) example myself:

https://codepen.io/roelvangils/pen/BRErYZ

It does work on iOS VoiceOver, but I can't get VoiceOver on macOS to alert the change in `<div class="confirmation" role="region" aria-live="assertive"></div>`. I find this odd because I remember tinkering with aria-live a few months ago and then in worked fine. VoiceOver on macOS keeps quiet when the element is updated :(

Perhaps I'm doing something wrong. Thanks for your help.

Thanks,
Roel

--
Roel Van Gils
Inclusive Design & Accessibility Consultant

Tel.: +32 473 88 18 06
Skype: roelvangils
Twitter: twitter.com/roelvangils
LinkedIn: linkedin.com/in/roelvangils