ARIA Alertdialogs!

Remove and then show to hear the dialog announced.

|

Dialog is down here!

Below we hide and show a div with the following attributes:

Inside that div is another div, with id="everyThingReadble" that holds everything: the text, the button and the link. This gives a nice overview of the dialog in all browsers.

The "Stay on this Page" button is given focus, using JavaScript, when the dialog appears. The text of this button is very important. It must be able to stand alone for configurations that don't support alertdialog.

Screen readers often switch modes when opening an alertdialog.

Do you want to stay on this page or do you want to visit Google?

Go to Google

Link to the spec

Configuration Result Workaround Okay? Result Notes
JAWS 11 and IE 8 PASS N/A Perfect, you know the text, your options, and where you are currently:
"Alert. Do you want to stay on this page or do you want to visit Google?
Stay on this Page, Go to Google.
Stay on this Page, button."
JAWS 11 and FireFox 3.6 PASS N/A Perfect, you know the text, your options, and where you are currently:
"Dialog. Do you want to stay on this page or do you want to visit Google?
Stay on this Page, Go to Google.
Stay on this Page, button."
WindowEyes 7.2 and IE 8 FAIL Workaround Works "Browse Off. Stay on this page, button". You must press Control-Shift-A to read the text, but tab and shift tab will allow you to read the buttons without first pressing Control-Shift-A
WindowEye 7.2 and FireFox 3.6 FAIL Workaround Works "Browse Off. Stay on this page, button". You must press Control-Shift-A to read the text, but enter, tab and shift tab will allow you to read or activate the buttons without first pressing Control-Shift-A
NVDA 2009.1 and IE 8 FAIL Not Really "Read Only. Unavailable. Stay on this page, button" You have to press NVDA key and space bar to even be able to activate the button. Second time, it reads the full dialog twice!
NVDA 2009.1 and FireFox 3.6 FAIL Workaround Works "Unavailable. Dialog. Stay on this page, button". You can activate the button with enter or move to the link with tab.
NVDA 2010.2 and IE 8 FAIL Not Really "Read Only. Unavailable. Stay on this page, button" You have to press NVDA key and space bar to even be able to activate the button. Second time, it reads the full dialog twice!
NVDA 2010.2 and FireFox 3.6 PASS N/A "Unavailable. Dialog. Do you want to stay on this page or do you want to visit Google?
Stay on this Page, Go to Google.
Stay on this Page, button."
ZoomText Magnifier/Reader 9.19 and IE 8 FAIL Workaround Works Reads button text. If you are using keyboard access, tracks to the item with focus.
ZoomText Magnifier/Reader 9.19 and FireFox 3.6 FAIL Workaround Works Reads button text. If you are using keyboard access, tracks to the item with focus.