What's the best practice for closing modal dialogs?

Allow users to close the window with the ESC key For accessibility reasons, your modal window should close when users press the ESC key.

1. How do I close the modal dialog box?
2. Should modals have a close button?
3. What makes a good modal?
4. What is the use of modal dialog?

How do I close the modal dialog box?

Click the button to launch the modal. Then click on the backdrop, close icon or close button to close the modal.

Should modals have a close button?

Closing the modal: Always provide a clear close option for users by using a button or an 'x' icon at the top right of the modal.

What makes a good modal?

Having a clear and descriptive message will explain the window's usage. Users should be able to read the text and understand the message you're trying to tell them and possible actions. Try to match the primary button text with the modal window title because it makes it easier for users to understand the context.

What is the use of modal dialog?

Definition: A modal dialog is a dialog that appears on top of the main content and moves the system into a special mode requiring user interaction. This dialog disables the main content until the user explicitly interacts with the modal dialog.