focus-order-semantics

Los elementos añadidos al orden de tabulación deben tener semántica interactiva

manualconfianza: mediumgravedad: minoroperable

Marca los elementos con tabindex >= 0 cuyo rol explícito es un rol estructural/de documento no interactivo (por ejemplo, heading, list, region, presentation), para revisión manual.

Ámbito de aplicación. Elementos con un `tabindex` explícito de `0` o superior (en el orden de tabulación) Y un atributo `role` explícito que forma parte de un conjunto seleccionado de roles claramente no interactivos, estructurales/de documento.

Resultado esperado. Un elemento colocado deliberadamente en el orden de tabulación debe comunicar por qué es enfocable: un rol como `heading`, `list`, `region` o `presentation` no le da a la tecnología de asistencia ninguna semántica interactiva que anunciar, lo cual resulta confuso para los usuarios de teclado que llegan a él y no reciben ninguna indicación de qué ocurriría (si algo) al activarlo.

Ejemplos

can't tell
<div role="heading" tabindex="0">Fake focusable heading</div>

Un rol heading no tiene comportamiento interactivo, así que hacerlo enfocable con tabulación es inusual y merece revisión.

n/a
<div role="button" tabindex="0">Real custom button</div>

`role="button"` es un rol interactivo, por lo que ser enfocable con tabulación es lo esperado.

Ver código fuente