listbox-name-present

Los cuadros de lista deben tener un nombre accesible

automaticWCAG 4.1.2 (A)confianza: highgravedad: seriousrobust

Comprueba que los elementos con role="listbox" expongan un nombre accesible no vacío.

Ámbito de aplicación. Se aplica a elementos que llevan role="listbox" (el atributo debe nombrar únicamente ese rol, no una lista de reserva) y que están incluidos en el árbol de accesibilidad. Un elemento con el rol implícito correspondiente pero sin atributo role queda fuera del alcance.

Resultado esperado. El elemento tiene un nombre accesible no vacío procedente de aria-label, de un aria-labelledby que resuelve a texto no vacío, o de title. role="listbox" es name-from-author-only, por lo que el texto del subárbol nunca se acepta: el texto que se encuentra dentro de un widget listbox personalizado no se expone de forma fiable como su nombre. En un elemento etiquetable (<select multiple role="listbox">) un <label> asociado también cuenta.

Ejemplos

pass
<ul role="listbox" tabindex="0" aria-label="Fruit"></ul>

`aria-label` nombra el listbox.

fail
<ul role="listbox" tabindex="0"></ul>

No hay nombre accesible procedente de ningún mecanismo compatible.

Ver código fuente