WCAG 2.4.4, 4.1.2 · Nivel A

Los enlaces deben tener texto discernible

Algunos enlaces no tienen texto que un lector de pantalla pueda anunciar; suelen ser enlaces que solo tienen un ícono, como los de redes sociales o el ícono del carrito.

Qué revisa esta regla

Garantiza que los enlaces tienen texto discernible.

Por qué es importante

WCAG 2.4.4 y 4.1.2 exigen que los enlaces tengan un nombre accesible que describa su propósito.

Cómo corregirlo

  1. Encuentra los enlaces que no tienen nombre. La mayoría son íconos o imágenes dentro de una etiqueta <a>.
  2. Agrega texto visualmente oculto dentro del enlace, o un aria-label como aria-label="Instagram" o aria-label="Cart".
  3. Si el enlace contiene una imagen, dale a la imagen un texto alternativo con significado.

Cómo comprobar la corrección

  • Vuelve a analizar y confirma que link-name desapareció.
  • Llega a cada enlace con Tab mientras usas un lector de pantalla y escucha el nombre.

Cómo lo detecta FixReports

Nuestro análisis ejecuta la regla link-name de axe-core en un navegador Chrome real en cada página que prueba, y reporta cada elemento que no la cumple con su página, su marcado y, cuando aplica, una captura de pantalla.

Una prueba automatizada confirma que este problema específico está presente. No puede determinar si el resto de la página es accesible: algunas barreras solo aparecen cuando una persona revisa la página.

Analiza tu sitio web hoy

Encuéntralo. Corrígelo. Verifícalo.

¿Qué tipo de sitio web es?

Tu respuesta elige las revisiones adecuadas, como el recorrido de compra en tiendas en línea. Aun así revisamos las señales del propio sitio y mostramos ambas.

¿Qué tipo de sitio web es?

Análisis gratis. No se requiere tarjeta de crédito.