aria-valid-attr-value

Los valores de los atributos `aria-*` deben ajustarse al tipo definido

automaticWCAG 4.1.2 (A)confianza: highgravedad: seriousrobust

Comprueba que cada atributo aria-* reconocido tenga un valor que se ajuste al tipo declarado por WAI-ARIA (booleano, triestado, token, entero, número o referencia de ID).

Ámbito de aplicación. Se aplica a cualquier elemento que tenga al menos un atributo aria-* reconocido (los nombres de atributo no reconocidos son competencia de aria-valid-attr y no se evalúan aquí).

Resultado esperado. El valor de cada atributo se ajusta a su tipo declarado por WAI-ARIA: booleano ("true"/"false"), triestado ("true"/"false"/"mixed"), un token de un conjunto enumerado fijo, un entero, un número real o una referencia de ID (lista) que resuelve a un elemento existente en el documento. Según la propia aplicabilidad de ACT 6a7281 ("any state or property that is NOT empty"), un valor explícitamente vacío, incluido un atributo de estilo booleano sin ningún "=valor", por ejemplo `aria-checked` solo, queda fuera del alcance de todo tipo de valor y no constituye una infracción: es un patrón habitual y deliberado en marcado con plantillas (por ejemplo, React renderizando condicionalmente `aria-describedby={hasError ? errorId : ''}`).

Ejemplos

pass
<div aria-hidden="true"></div>

"true" es un valor válido para `aria-hidden`, de tipo booleano.

fail
<div aria-hidden="yes"></div>

`aria-hidden` es de tipo booleano; "yes" no es un token booleano válido.

Ver código fuente