Nuestro sitio web incluye algunos javascript que producen ventanas de moda de superposición.¿Cómo establecer el foco en una ventana modal de JavaScript?
Sin embargo, hay un problema de accesibilidad con esto, una vez que se desencadena el modal, el focus
todavía está en el elemento disparador y no en el modal mismo.
Estos modales pueden incluir todo tipo de elementos html, encabezados, párrafos y controles de formulario. Lo que me gustaría es que el enfoque comience en el primer elemento dentro del modal, por lo que es más probable que sea una etiqueta h4.
He explorado utilizando la función focus()
, pero esto no funciona con una serie de elementos html.
Se pensó en agregar una etiqueta a
vacía en la ventana que podría ganar el foco, pero no estoy seguro acerca de este método.
eso es de una manera, aunque preferiría no agregar cuadros de texto vacíos en el código, tanto para la accesibilidad como para la limpieza del código – user502014
@ user502014 el cuadro de texto no estará visible, por lo que la accesibilidad no debería ser un problema. Si encuentra un código más limpio, siéntase libre de usarlo, solo tenga en cuenta que tiene listo el "Plan B". –