Los elementos no deben tener un tabindex mayor que cero

Para evitar un orden de tabulación inesperado que parezca omitir algunos componentes por completo, un atributo tabindex nunca debe tener un valor mayor que 0.

El uso de tabindex con un valor mayor que 0 puede generar tantos problemas como los que soluciona. El orden de tabulación inusual hace que el sitio web sea menos lógico y puede dar la impresión de que algunos elementos han sido omitidos por completo.

Los siguientes son algunos problemas que resultan del uso de tabindex (con un valor de 1 o superior):

• Orden de tabulación inesperado: Desde la perspectiva del usuario, tabindex altera el orden normal de tabulación de maneras no anticipadas, lo que podría generar confusión.

• Los elementos pueden parecer omitidos por completo: Los elementos solo aparecen una vez en la secuencia de tabulación. Cuando un usuario navega a través de los elementos con tabindex y continúa con el resto de la página, eventualmente llega a la ubicación de los elementos con tabindex. Sin embargo, el ciclo de tabulación omite estos enlaces porque el usuario ya navegó más allá de ellos al inicio del ciclo. Cuando los visitantes no pueden acceder a los elementos y pueden no ser conscientes de que deben recorrer la colección completa de enlaces en la página para volver a acceder a esos enlaces, el orden incorrecto de tabulación es frustrante.

• Todos los elementos con tabindex reciben el foco antes que cualquier elemento sin tabindex. Necesitarías establecer el valor de tabindex para cada elemento hasta el final de la sección actualizada si quisieras modificar el orden de tabulación de los elementos iniciales Y de una sección más abajo en la página. Llevado al extremo, si una página contiene 20 enlaces y uno de esos enlaces tiene su tabindex establecido en tabindex="100", el usuario tabulará a ese enlace primero incluso si hay menos de 100 enlaces en la página. El orden de tabulación de las secciones más abajo en la página no puede cambiarse a menos que todos los enlaces antes del orden de tabulación de esa sección sean cambiados manualmente.

Qué verifica esta regla de accesibilidad

Se asegura de que nunca se usen atributos tabindex explícitos que sean mayores que 0

Learn more:

Deque Reference

Deque University - How To Fix

→

W3C Reference

WCAG 2.1 - Failure of Success Criterion 2.4.3 due to using tabindex to create a tab order that does not preserve meaning and operability

→