Modal

Guidelines

• Keyboard
  • Focus passes to the modal when invoked
  • Focus is trapped in modal when displayed
  • Focus passes back to element that invoked it when dismissed.
• Name, role, value
  • Name: has aria-labelledby="id_of_the_header_in_the_modal"
  • Role: has role="dialog"
  • Role (subcomponent): has role="document" in the second node of the modal markup