Session Timeout Dialog WAI-ARIA role="alertdialog"

http://www.w3.org/TR/wai-aria-practices-1.1/#alertdialog

http://www.w3.org/TR/wai-aria-1.1/#alertdialog

This is an accessible session timeout demo using a custom WAI-ARIA role="alertdialog" dialog that grabs focus after 5 seconds of inactivity on this page.

Demo is a prototype that will reset the 5 second counter if you hit Continue Session or Exit the page if you hit End Session.

Due to a bug in VoiceOver iOS I have to set display:none on the main content to force focus into the dialog when VoiceOver's focus is not set on a focusable element when the dialog appears.