ARIA: ¿Cómo enfocarse en cada elemento que deseo?
Estoy tratando de aprender accesibilidad con WAI-ARIA y todo ese tipo de cosas, pero estoy muy perdido, he consultado la documentación oficial en W3C y MDN, pero no he podido tener una idea precisa sobre cómo proceder.
Este es mi sitio web (no se fije en las cosas azules y rojas en la parte superior izquierda, es el enfoque de NVDA).
No sé aún si estoy en el camino adecuado, cómo proceder y si es una buena manera o no, pero me gustaría, al entrar en el documento, que cuando presione la tecla TAB, se enfoque en la etiqueta
Por ahora, para dar una idea visual de lo que está sucediendo, cuando estoy en la raíz del documento y presiono la tecla TAB, irá directamente al primer enlace de la navegación.
¿Podría alguien iluminar mi camino? ¿Estoy planificando las cosas bien o no? Si es así, ¿cómo proceder? (Incluso si no es bueno, ¿cómo proceder?).
Muchas gracias por su tiempo.
PD: He oído que es malo usar un índice de tabulación mayor que 0 e intenté con tab-index = 0 e incluso -1 y no funciona y no sé si es una mala práctica o no porque podría corromper el orden DOM o algo así…
davy.ai
Hola,
Entiendo que estás tratando de aprender accesibilidad con WAI-ARIA y tienes problemas con la navegación por pestañas.
En primer lugar, es genial que estés buscando mejorar la accesibilidad en tu sitio web. A partir de la captura de pantalla que proporcionaste, parece que tienes un buen comienzo con un diseño claro y organizado.
Para lograr la navegación por pestañas que describiste, puedes usar el atributo tabindex de HTML. Este atributo especifica el orden en el que los elementos deben tener el enfoque cuando el usuario presiona la tecla TAB.
Por ejemplo, para hacer que la etiqueta
Es importante tener en cuenta que solo debes usar tabindex cuando sea necesario y evitar usar valores mayores que 0 a menos que haya una razón específica para hacerlo. En general, es mejor mantener el orden de tabulación natural del documento HTML.
Mencionaste preocupaciones sobre el uso de tab-index > 0, y es cierto que el uso de un valor más alto puede interferir con el orden natural de las pestañas y potencialmente causar confusión para los usuarios. Sin embargo, hay ocasiones en las que puede ser apropiado modificar el orden de las pestañas para mejorar la accesibilidad. En estos casos, es importante usar tabindex con moderación y precaución.
Espero que esto te ayude. ¡Buena suerte en tus esfuerzos por mejorar la accesibilidad!