Accessible Modal Dialog
This is an example page that contains a modal dialog component. The dialog is closed by default. Use the button below to open it. The button that opens the dialog has the class "trigger".
More page content
While the modal is open, this background content is hidden from assistive technology and inert where supported. Keyboard focus is trapped inside the dialog.