Medium

Modal Window

When you are ready to showcase your work and gather feedback, start the challenge.

Requirements:

  • Implement a button that, when clicked, displays a modal window over the page content.
  • The modal should have a close (X) button and clicking outside the modal content should also dismiss it.
  • Include an overlay to obscure the main page content while the modal is active.

Notes:

  • Focus on making the modal accessible, including trapping focus within the modal when it is open and returning focus to the trigger button when it closes.

Recent Submissions

    Be the first to submit a solution.