Hidden by default, modal elements toggle into view when triggered by a user interaction.
Modal elements only display when needed to display supplemental information or to guide the user through a supplemental task. Once activated, they appear on top of the current page as an overlay. Most often, the user must either complete the task or dismiss the modal before they can continue interacting with the source page.
Hiding content can create issues for accessibility and SEO. Modal elements may also interrupt a user's journey. For these reasons and others, it is insisted that modal elements are deployed thoughtfully and consistently.
https://whimsical.com/embed/Uam3UuaPZRDuA1ngT1UvLQ
While useful, modal elements pose usability risks and must be deployed thoughtfully. We follow a governing logic to make sure modal elements are used consistently and responsibly.