Enlaces sin nombre

WCAG 2.4.4, 4.1.2 (A) · EN 301 549 9.2.4.4, 9.4.1.2

Hay enlaces sin texto visible ni nombre accesible.

Por qué importa

Los lectores de pantalla permiten listar todos los enlaces de una página para navegar rápido. Un enlace sin nombre aparece en esa lista como la URL entera, o como «enlace» a secas. Suele pasar con los iconos de redes sociales del pie y con las tarjetas de producto donde solo la imagen es enlace.

Cómo se arregla

Dale texto visible, o si es un icono, un aria-label con el destino.

<a href="https://instagram.com/tienda"><svg>…</svg></a>

<a href="https://instagram.com/tienda" aria-label="Síguenos en Instagram">
  <svg aria-hidden="true">…</svg>
</a>

Relacionado

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