slider-name-present

Los controles deslizantes tienen un nombre accesible

automaticWCAG 4.1.2 (A)confianza: highgravedad: seriousrobust

Comprueba que los controles deslizantes (input[type="range"] y role="slider") expongan un nombre accesible no vacío.

Ámbito de aplicación. Se aplica a elementos que tienen role="slider" (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. Un <input type="range"> nativo sin el rol pertenece a form-control-programmatic-label-present.

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="slider" 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 slider personalizado no se expone de forma fiable como su nombre. En un elemento etiquetable (<input role="slider">) un <label> asociado también cuenta.

Ejemplos

pass
<input type="range" aria-label="Volume">

`aria-label` nombra el input range nativo que actúa como control deslizante.

fail
<div role="slider" tabindex="0" aria-valuenow="5" aria-valuemin="0" aria-valuemax="10"></div>

Sin nombre accesible procedente de ningún mecanismo compatible.

Ver código fuente