searchbox-name-present

Los cuadros de búsqueda tienen un nombre accesible

automaticWCAG 4.1.2 (A)confianza: highgravedad: seriousrobust

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

Ámbito de aplicación. Se aplica a elementos que tienen role="searchbox" (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, o de title. role="searchbox" obtiene su nombre solo del autor (name-from-author-only), así que el texto del subárbol nunca se acepta: el texto que está dentro de un widget searchbox personalizado no se expone de forma fiable como su nombre. En un elemento etiquetable (<input role="searchbox">) un <label> asociado también cuenta.

Ejemplos

pass
<div role="searchbox" tabindex="0" aria-label="Search the site"></div>

`aria-label` nombra el cuadro de búsqueda.

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

Sin nombre accesible procedente de ningún mecanismo compatible.

Ver código fuente