Tema: aria
-
Roles ARIA: por qué un elemento HTML nativo supera a un div con un rol
La primera regla del W3C sobre el uso de ARIA es preferir un elemento o atributo HTML nativo que ya tenga la semántica y el comportamiento requeridos; ARIA solo cambia lo que se comunica a la tecnología de asistencia, nunca lo que hace el elemento. Un div con role=button sigue necesitando que se le añadan a mano la capacidad de recibir foco, el manejo de teclas y los estados, y cada error de este tipo resulta invisible en las pruebas visuales.
-
Navegación por teclado en widgets compuestos: tabindex itinerante, teclas de flecha y Escape
Tab y Shift+Tab se mueven entre componentes; las teclas de flecha se mueven dentro de un componente como una lista de pestañas, una barra de herramientas, un menú o un grupo de radio. Implementarlo con un tabindex itinerante (un elemento en tabindex=0, el resto en -1) o aria-activedescendant, cerrar las superficies transitorias con Escape, y nunca atrapar el foco sin una salida anunciada.
Legible por máquina: JSON