Qué es
El texto de enlace es la palabra o frase concreta y pulsable de un enlace — en "Haz clic aquí para ver nuestros precios", las palabras "haz clic aquí" son el texto del enlace, aunque "precios" sea en realidad la palabra que lleva el significado en esa frase. Esta comprobación busca enlaces con texto vago y genérico como "haz clic aquí", "leer más" o "enlace", en lugar de texto descriptivo que indique realmente a dónde lleva el enlace.
Muchos lectores de pantalla incluyen una función que permite a un usuario ver una lista de todos los enlaces de una página, completamente fuera del contexto de la frase que los rodea, específicamente para moverse rápido por una página — que es exactamente la situación en la que un texto de enlace genérico deja de funcionar.
En qué afecta
Cuando un usuario de lector de pantalla abre esa lista de enlaces fuera de contexto, una página llena de enlaces que dicen todos "haz clic aquí" o "leer más" no le da ninguna forma de distinguir un destino de otro — se queda con una lista de entradas idénticas y sin sentido en lugar de una forma realmente útil de navegar por el contenido de la página. Incluso sin usar esa función concreta, escuchar un enlace anunciado simplemente como "haz clic aquí" en mitad de una frase no da ninguna indicación previa de a dónde lleva antes de decidir si seguirlo.
Esta es una corrección puramente de redacción, sin necesidad de tocar código — a diferencia de muchos problemas de accesibilidad, no requiere ningún cambio técnico, solo elegir palabras distintas para el mismo enlace.
Cómo solucionarlo
- Busca en el contenido de tu página frases de enlace genéricas como "haz clic aquí", "leer más", "más información" o "enlace" usadas como todo el texto pulsable.
- Reescribe cada una para que el propio texto del enlace describa el destino — "Consulta nuestros planes de precios" en lugar de "haz clic aquí para ver precios", por ejemplo.
- Para un enlace de "leer más" que sigue al resumen de un artículo, considera convertir el propio título del artículo en el texto del enlace pulsable, en lugar de una frase genérica separada.
- Para enlaces de solo icono (como los iconos de redes sociales), acompáñalos de un
aria-labelque describa el destino, de forma similar a la corrección para botones de solo icono. - Prueba con la función de lista de enlaces de un lector de pantalla gratuito (disponible en NVDA y VoiceOver) para confirmar que cada enlace se lee ahora como algo distinto y con sentido por sí mismo.