Rol ARIA inexistente

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Hay un elemento con role="{role}", que no es un rol válido.

Por qué importa

Un rol mal escrito no hace nada: el navegador lo ignora y el elemento se expone con su semántica original, que casi siempre es «ningún significado». El desarrollador cree haberlo arreglado y no lo ha hecho.

Cómo se arregla

Corrige el nombre del rol, o quítalo y usa el elemento HTML nativo correspondiente, que ya trae el rol correcto.

<span role="buton">Comprar</span>

<button type="button">Comprar</button>

Relacionado

• Botón de imagen sin texto alternativo
• Marco incrustado sin título
• Campos de formulario sin etiqueta
• Botones sin nombre