The short answer is that there's no need to do so.
Accessible Technology supports CSS's display: hidden;
property in a way that already properly hides the element. So specifying aria-hidden="true"
is redundant, from a screen-reader's point of view, to jQuery's .toggle()
method setting the display
property to hidden
. Specifying aria-hidden="false"
(or removing the aria-hidden
property) is redundant to jQuery's .toggle()
method setting the display
property to inline
.
Please see https://stackoverflow.com/a/10351673/1430996 and Steve Faulkner's HTML5 Accessibility Chops: hidden and aria-hidden blog post (particularly the "Results Summary") for further details.