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; a menudo son enlaces que solo tienen un icono, como los iconos de redes sociales o el icono del carrito.

Qué comprueba 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. Localiza los enlaces que no tienen nombre. La mayoría son iconos o imágenes dentro de una etiqueta <a>.
  2. Añade 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 ha desaparecido.
  • Desplázate con Tab a cada enlace con un lector de pantalla activado 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, e informa de cada elemento que no la cumple con su página, su marcado y, cuando procede, una captura de pantalla.

Una prueba automatizada confirma que este problema concreto está presente. No puede determinar si el resto de la página es accesible: algunas barreras solo se detectan 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 comprobaciones adecuadas, como el recorrido de compra en tiendas online. Aun así revisamos las señales del propio sitio y mostramos ambas.

¿Qué tipo de sitio web es?

Análisis gratis. Sin tarjeta de crédito.