Modales

img

Los modales siempre han sido problematicos en accesibilidad, te recomendamos usarlos s├│lo en casos donde sean necesarios.

  • No abrir modales de forma autom├ítica, es decir, si el usuario no ha realizado ning├║n acci├│n.
  • A├▒adir role="dialog" o bien usar etiqueta dialog
  • Cuando abrimos un modal, debemos bloquear todo el contenido que est├ę detr├ís y poner el foco sobre el primer campo si lo tuviera.
  • Se debe poder cerrar con la tecla Esc o bien pulsando un bot├│n de cierre.
  • Una vez cerrado, el foco debe volver al punto donde se lanz├│ el modal.
  • Si usamos la etiqueta <dialog>, a├▒adiremos el atributo open cuando est├í visible.

Uso dialog

https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html

<dialog open>Esto es un modal abierto</dialog>

firefox a├║n no ofrece soporte por defecto. https://www.w3schools.com/tags/tag_dialog.asp