Oppia UX guidelines & rationales
Guidelines for Modals
Throughout Oppia we follow three patterns for modal closing:
- Modal with form(s) inside it. - It should only get closed if the user clicks the dedicated close button or by pressing the ESC key. 
- Example:  
 
- Modals with warnings or suggestions. - It should get closed through the dedicated close button or just by clicking outside the modal i.e, in the background or by pressing ESC key. 
- Example:  
 
- Modals which don’t have a close button. - It should not get closed by users through any process. 
- Example: 