Modal Dialog
Definition
A modal dialog focuses interaction on a displayed task.
A dialog overlays the interface and prevents interactions with the background meanwhile. Focus management and understandable closing are part of the usability concept.
Simply explained
A small window overlays the page until the task is completed or canceled.
Why it matters in practice
Well-implemented dialogs help with clearly limited decisions.
Example from business
Hypothetical example: Before deleting a draft, an application shows a clear confirmation.
Limits and pitfalls
- Too many dialogs interrupt. Keyboard focus, labeling, and return to the trigger must work.
Origin & history
Modal dialogs originate from graphical user interfaces and are described as a web pattern.
Use in mid-sized companies
- SMEs can specifically check forms and confirmations for accessibility.
Frequently asked questions
Is every overlay window modal?
No, only if the background is blocked for interaction.
Sources
- Dialog (Modal) Pattern — · W3C WAI: Dialog (Modal) Pattern —
Editorially reviewed on: