Propósito del enlace
Silktide comprueba que el texto de cada enlace explique adónde lleva. Los enlaces que dicen «haz clic aquí» o «más información», o que solo contienen símbolos, no dan ninguna pista sobre su destino.
<!-- Genérico: no le dice nada al usuario -->
<a href="\/accessibility-guide">Haz clic aquí</a>
<!-- Corregido: el destino es claro solo con el texto -->
<a href="\/accessibility-guide">Lee nuestra guía de accesibilidad</a>
Por qué es importante
Las personas que usan un a menudo abren una lista con todos los enlaces de la página y navegan desde ahí, oyendo el texto de cada enlace fuera de contexto. Una lista de «más información», «leer más» y «haz clic aquí» no sirve: hay que visitar cada entrada para saber adónde va. Los lectores de pantalla también anuncian la palabra «enlace» antes del texto, así que «haz clic aquí» se convierte en «enlace haz clic aquí»: ruido sin información.
Los enlaces descriptivos también ayudan al resto: las personas que ven escanean las páginas por sus enlaces, y los motores de búsqueda usan el texto del enlace para entender el destino.
Cómo solucionarlo
- Reescribe el texto genérico del enlace para que el destino quede claro solo con las palabras: «más información» pasa a ser «más información sobre las directrices de accesibilidad».
- Sustituye los enlaces formados solo por símbolos, como una flecha o un emoji, por texto legible, o añade si el enlace contiene solo una imagen.
- No incluyas la palabra «enlace» en el texto del enlace: los lectores de pantalla ya lo anuncian, así que «enlace a precios» se oye como «enlace enlace a precios».
- Si en tu contexto un enlace marcado es realmente claro, puedes .
Cómo lo comprueba Silktide
- Encuentra cada enlace (elementos
<a>y<area>con un destino) que esté expuesto a los lectores de pantalla; los enlaces ocultos para ellos se omiten. - Determina el texto de cada enlace tal como lo leería la , incluyendo el texto alternativo de las imágenes y el texto añadido por CSS.
- Marca los enlaces cuyo texto no contiene caracteres legibles (sin letras ni números), como un simple símbolo o emoji.
- Marca los enlaces cuyo texto coincide con una lista conocida de frases genéricas como «haz clic aquí», «leer más» y «más información», en varios idiomas.
Los enlaces sin ningún texto se informan por separado en la comprobación Enlace vacío.