Interacción con el teclado

TeclaAcción
TabMueve el foco al siguiente elemento dentro del diálogo.
Mayús + TabMueve el foco al elemento anterior dentro del diálogo.
EscCierra el diálogo, salvo que obligue a elegir una opción.

Notas de accesibilidad

  • Abrirlo con showModal() le da al diálogo role="dialog" y semántica modal, y vuelve inerte el resto de la página.
  • El título y la descripción se vinculan mediante ids generados, así que los lectores de pantalla anuncian ambos al abrirse el diálogo.
  • El foco inicial va al elemento con autofocus o al primer elemento enfocable. En las confirmaciones destructivas, pon autofocus en la opción segura.
  • Cuando el diálogo se cierra, el foco vuelve al elemento que lo abrió.
  • Los navegadores pueden cerrar igualmente un diálogo que obliga a elegir si se pulsa Esc varias veces sin otra interacción, así que ofrece siempre una salida explícita.