An Accessible Modal Dialog using the HTML5 <dialog> Tag.

Notes:

This example uses the HTML5 <dialog> tag. For browsers that don't support it, a modified version of Google's dialog polyfill has been used.
Full notes on how the accessibility features of this example can be found on my blog post, Creating Accessible HTML5 Modal Dialogs For Desktop and Mobile

In order to continue, please log into the application

Username:

Password: