Keyboard interaction

KeyAction
TabMove through the card’s buttons. On modal steps, focus stays in the card.
Enter or SpacePress the focused button: Next, Back or Done.
EscapeEnd the tour.

Accessibility notes

  • Each card is a dialog named by its title and described by its content. Focus moves to its main button on every step, and back where it was when the tour ends.
  • Modal steps make the rest of the page inert. Interactive steps aren’t modal, so their target can be reached with the keyboard as well as the pointer.
  • The progress is text, such as “2 of 4”; the dots only draw it.