tabindex
tabindex no debería ser mayor que 0
Comprueba que los valores de tabindex son 0 o negativos, no un número positivo.
Ámbito de aplicación. Se aplica a los elementos con un atributo tabindex cuyo valor se interpreta como un entero válido.
Resultado esperado. El valor de tabindex es 0 o negativo. Un tabindex positivo reordena explícitamente el orden de tabulación del teclado, lo cual es frágil de mantener a medida que la página cambia y, por lo general, indica que en su lugar debería corregirse el orden natural del DOM.
Qué informa un hallazgo.
value: el valor detabindex, un número entero mayor que 0.
Estos campos de data.details ayudan a leer y reproducir un hallazgo. Salvo reasonCode y los pocos campos que Esquema de salida indica como estables, no son un contrato estable: un campo puede cambiar de nombre o desaparecer en una versión menor, así que no construyas sobre ellos.
Ejemplos
<div tabindex="0">Focusable</div>
tabindex="0" coloca el elemento en el orden de tabulación natural sin reordenar nada.
<div tabindex="3">Reordered</div>
Un tabindex positivo saca a este elemento del orden de tabulación natural del documento y lo coloca por delante de todo lo demás, lo cual normalmente sorprende a los usuarios de teclado.
Cómo comprobarlo
Cuando esta regla no puede decidir, informa cantTell y deja la pregunta a una persona. Cada pregunta que puede plantear aparece aquí bajo su código de motivo, con los pasos para responderla. Un hallazgo lleva los mismos pasos en howToCheck, en el idioma del análisis. Consulta Esquema de salida.
TABINDEX_POSITIVE
- Hacer clic justo antes del inicio de la página y pulsar Tab repetidamente, observando el contorno del foco.
- Anotar cuándo recibe el foco el elemento que indica el informe, en comparación con su posición en pantalla.
- Comprobar si el orden del foco sigue correspondiendo al orden visual y de lectura de la página.
Se cumple. El foco recorre la página en un orden que corresponde a su disposición y a su significado.
No se cumple. El tabindex positivo hace que el foco salte fuera del orden de lectura, lo que puede incumplir WCAG 2.4.3 (F44) y va contra las buenas prácticas.