Elemento con rol interactivo pero sin nombre

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Hay un elemento con role="{role}" y sin nombre accesible.

Por qué importa

Si le das a un <div> el rol de botón, asumes la responsabilidad de darle también todo lo que un botón trae de serie, empezando por el nombre. Sin él, el lector de pantalla anuncia el rol y ningún contenido.

Cómo se arregla

Añade aria-label, o mejor: sustituye el <div> por el elemento nativo, que ya resuelve el nombre, el foco y el teclado.

Relacionado

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