Often the screen reader will not report a change to the page, even if the
element is forcably focused. WHen I click the heading to expand/collapse, it
reports the change the first time, but then on successive clicks it usually
doesn't say anything. Adding live region markup to the span causes the new
status to be announced immediately. You could put the live region markup on
the heading, in which case it will repeat the entire content of the heading,
including the status: "show details" or "hide details". Placing the aria-live
attribute on the span will announce only the status: "show" or "hide".
I'd vote for putting it on the heading itself - others may have a different
opinion...
See the following URL for working code. We implement both approaches for
comparison.
http://www.mit.edu/~rjc/aria/expandingSections.html#
Original issue reported on code.google.com by RichCalo...@gmail.com on 17 Jun 2011 at 9:58
Original issue reported on code.google.com by
RichCalo...@gmail.comon 17 Jun 2011 at 9:58