Enlaces vacíos

Silktide encuentra enlaces que no contienen ningún texto en absoluto: nada visible y ningún texto alternativo. Una persona que usa un lector de pantalla oye solo «enlace», sin forma de saber adónde lleva.

<!-- Vacío: un enlace de icono sin texto alternativo -->
<a href="\/search"><svg>...</svg></a>

<!-- Corregido: el texto alternativo de la imagen indica el destino -->
<a href="\/"><img src="logo.png" alt="Inicio de Example Corp"></a>

<!-- Corregido: un aria-label indica el destino -->
<a href="\/search" aria-label="Buscar"><svg>...</svg></a>

Por qué es importante

Los enlaces permiten a las personas moverse por su sitio web y no todo el mundo puede verlos. Un anuncia cada enlace por su texto; cuando no lo hay, la persona usuaria oye solo «enlace» y debe adivinar o pasarlo por alto. Muchas personas ciegas también navegan mostrando una lista de todos los enlaces de la página; una lista de entradas sin nombre no sirve para nada.

Los enlaces vacíos suelen ocurrir por accidente: un icono sustituye al texto, una imagen pierde su , o un editor deja atrás una etiqueta <a> suelta. Los motores de búsqueda tampoco pueden saber a qué apunta un enlace vacío.

Cómo solucionarlo

Si el enlace debe tener texto visible, añádalo.
Si el enlace es una imagen, dé a la imagen un texto alternativo que nombre el destino, como alt="Inicio de Example Corp" para un logotipo que enlaza con su página de inicio, no una descripción de la imagen.
Si el enlace es un icono, añada un que nombre el destino, o incluya texto oculto visualmente pero disponible para los lectores de pantalla.
Si el enlace es un sobrante sin contenido ni propósito, elimínelo.

Cómo lo comprueba Silktide

Encontrar todos los enlaces de cada página, incluidas las áreas de mapas de imagen.
Omitir los elementos que no tienen un destino de enlace funcional.
Leer el texto del enlace, incluido el texto alternativo y alternativas textuales como aria-label y title en el enlace y en cualquier elemento dentro de él.
Informar del enlace si no se encuentra ningún texto.

Solución de problemas

El enlace parece correcto en la página

Un enlace puede parecer correcto y, aun así, estar vacío, porque su apariencia proviene de un icono o de una imagen de fondo de , y ninguno de ellos le da un nombre. Compruebe el subyacente para ver si hay una alternativa textual.

El significado del icono es obvio

Solo para quienes pueden verlo. Una lupa dice «buscar» visualmente, pero un lector de pantalla no puede describir imágenes que no tienen texto alternativo; la etiqueta tiene que estar en el marcado.