WebAIM - Web Accessibility In Mind

E-mail List Archives

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


From: Chaals is Charles McCathie Nevile
Date: May 26, 2017 12:05PM

It's an animated SVG, not a text document, but
http://svg-access-w3cg.github.io/use-case-examples/beaker.html uses a
live region that should work - did last time I checked in VoiceOver and
Safari or Blink-based browsers.

Not sure if that answers the question you were really trying for though.


On 26/05/17 19:30, Roel Van Gils wrote:
> 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
> > > > --
Charles McCathie Nevile - standards - Yandex
<EMAIL REMOVED> - Find more at http://yandex.com