How do you use aria-hidden on modal dialogs? from Bryan Garaventa on 2012-10-08 (w3c-wai-ig@w3.org from October to December 2012)

From: Bryan Garaventa <bryan.garaventa@whatsock.com>
Date: Mon, 8 Oct 2012 16:35:44 -0700
To: <w3c-wai-ig@w3.org>
Message-ID: <8CD70F4540594CB1A852E2A940716B07@WAMPAS>

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 UTC