WebAIM - Web Accessibility In Mind

E-mail List Archives

why might an aria-live region be ignored?

for

From: Dawn Budge
Date: Jul 22, 2013 10:11AM

Hi,
could anyone advise me on how to debug a live region being ignored?
on the following page, I have the code as below, which is not read out when
the content is changed. What changes is the <li> element and its text gets
appended to the <ul>. The whole lot is a progressive enhancement on a
textarea, so is added via JavaScript. The ul already exists in the page at
the time the li is added.
<ul aria-live="assertive" aria-atomic="true" class="labels-for-input
unstyled" style="min-width: 206px;"><li class="label label-important">Tag
'fdas' already exists</li></ul>
I have other live regions on the same page (that trigger independently of
this) that are not ignored, which are also added to the page via JS.
Testing with VoiceOver on Chrome 28.
Thanks, Dawn