W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > October to December 2012

How do you use aria-hidden on modal dialogs?

From: Bryan Garaventa <bryan.garaventa@whatsock.com>
Date: Mon, 8 Oct 2012 16:35:44 -0700
Message-ID: <8CD70F4540594CB1A852E2A940716B07@WAMPAS>
To: <w3c-wai-ig@w3.org>
Hi,
I'm not referring to role=dialog or anything like that.

Take the following syntax:

<body>
<div>
Lots of content here
</div>
<div class="myDialog">
dialog content
</div>
</body>

I have a mobile app with a page like this, and I'm trying to hide the background text so that only the dialog is visible to Voiceover in Safari.

So I tried the following:

<body aria-hidden="true">
<div>
Lots of content here
</div>
<div class="myDialog" aria-hidden="false">
dialog content
</div>
</body>

Yet, according to the discussion at
http://lists.w3.org/Archives/Public/wai-xtech/2012May/0017.html
This is incorrect.

What is the correct method for doing this?

Thanks,
Bryan
Received on Monday, 8 October 2012 23:36:14 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 8 October 2012 23:36:15 GMT