< Back to Demos | Learn more at PaulJAdam.com >

Session Timeout Dialog WAI-ARIA role="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.