Interacción con el teclado
| Tecla | Acción |
|---|---|
| Tab | Mueve el foco al siguiente elemento dentro del diálogo. |
| Mayús + Tab | Mueve el foco al elemento anterior dentro del diálogo. |
| Esc | Cierra el diálogo, salvo que obligue a elegir una opción. |
Notas de accesibilidad
- Abrirlo con
showModal()le da al diálogorole="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
autofocuso al primer elemento enfocable. En las confirmaciones destructivas, ponautofocusen 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.