Modal Dialog
Also known as: Modal Window, Dialog Box
A user interface element that appears on top of the main content and requires user interaction before returning to the underlying page. In accessibility, modal dialogs must properly manage keyboard focus—trapping focus within the dialog so screen reader and keyboard users cannot accidentally interact with background content, and returning focus to the triggering element when the dialog closes. Calendar applications often have accessibility issues with modal dialogs for event creation or editing, including missing form labels, inaccessible close buttons, and focus management problems where screen reader focus escapes the dialog or becomes trapped without an accessible way to dismiss it.
Category: web accessibility · interaction design
Related: Focus Order · ARIA · Keyboard Navigation · Screen Reader Compatibility