<?xml version="1.0" encoding="utf-8"?>

Provide visible options to close the modal

Provide visible options to close the modal Bad Practice
Provide visible options to close the modal Best Practice

Modals can be overwhelming for users, no matter how well-intentioned they are. So, make sure you allow users the chance to close them as easily and intuitively as possible. Provide multiple controls to close the modal in the form of:

  • A Cancel button
  • A Close button
  • A keyboard accessible control: the Escape key on desktop and the Back button on mobile[1]
Improve your UX & Product skills with interactive courses that actually work