WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Help with ARIA-Live

for

From: Travis Roth
Date: Apr 2, 2010 2:54PM

Hi Mark,

I can't answer your exact question here as I can't quite tell what the
jQuery is doing to display the messages. My assumption is that an error
message displays upon invalid input? Or does the span fade in and out based
on focus?

Two items I notice are that aria-atomic is not set on the span. I am not
certain how required this attribute is or if certain AT likes it but it may
not hurt to add aria-atomic='true'.
And, aria-relevant is not defined. Since the default is "add" this may be
part of the problem as I am not sure if setting "Display:none" to
"Display"visible" meets a browser's or AT's definition of an element being
added?


Here's some more explanation:
http://wiki.codetalks.org/wiki/index.php/How_to_use_ARIA_Live_Regions_for_dy
namic_content

An indirect answer to your question may be to have a look at this article:
http://www.marcozehe.de/2008/07/16/easy-aria-tip-3-aria-invalid-and-role-ale
rt/
It isn't using live regions, instead using an alert but it may suit your
purposes...

Hope this helps. And when you get this working please let me know what
works.