option-name-present

Las opciones tienen un nombre accesible

automaticWCAG 4.1.2 (A)confianza: highgravedad: seriousrobust

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

Ámbito de aplicación. Se aplica a elementos que tienen role="option" (el atributo debe nombrar únicamente ese rol, no una lista de reserva) 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, de title, o bien, dado que role="option" obtiene su nombre del contenido (name-from-content), del texto de su propio subárbol, donde el nombre propio de un descendiente (un <img alt>, aria-label o title) cuenta como la contribución de ese descendiente en lugar de solo sus nodos de texto.

Ejemplos

pass
<div role="option" tabindex="0">Apple</div>

El contenido de texto visible es una fuente de nombre válida para role="option".

fail
<div role="option" tabindex="0"></div>

Sin nombre y sin contenido.

Ver código fuente