Re: ACTION-1039: aria-hidden and inner/outer elements

On Tue, May 15, 2012 at 4:55 PM, Andi Snow-Weaver <andisnow@us.ibm.com> wrote:
>
> James and Cynthia,
>
> Can you please take a look at action-1039? The one question for us (item
> 2) is about aria-hidden="true" on an outer element that has an inner element
> with aria-hidden="false". Rich is asking for a clarification in the UAIG
> that the inner element should still be exposed in the accessibility tree. Do
> you agree with what he is proposing?
>
> https://www.w3.org/WAI/PF/Group/track/actions/1039

I ran across this proposal for YUI3 improvements from Todd Kloots yesterday:

> The Widget-Modality extension should toggle "aria-hidden" on the <body> to prevent users of screen readers from being able to move outside of the modal widget. When a modal widget is made visible:
> "aria-hidden" should be set to "true" on the <body>
> "aria-hidden" should be set to "false" on the widget's bounding box"

https://github.com/yui/yui3/wiki/Panel-Accessibility-Improvements

Clearly this won't work if @aria-hidden hides its entire subtree.

However, authors can achieve the same effect by setting
aria-hidden="true" on the widget's siblings rather than its ancestor,
and there are arguably better approaches coming down the specs
pipeline in the form of @inert and <dialog>:

http://dev.w3.org/html5/spec/commands.html#the-dialog-element

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#the-inert-attribute

--
Benjamin Hawkes-Lewis

Received on Wednesday, 23 May 2012 05:07:51 UTC