Universidad de Alicante
Departamento de Lenguajes y Sistemas Informáticos

Accesibilidad Web

Buscador

Migas de pan

Estás en: Accesibilidad web > Guía breve > 4. Enlaces de hipertexto

Consejo 4: Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".

Algunos navegadores y algunos los programas de ayuda que emplean las personas con discapacidad (por ejemplo, los lectores de pantalla) ofrecen al usuario la posibilidad de mostrar, normalmente una ventana aparte, la lista de enlaces que contiene una página web. Esta lista de enlaces normalmente permite activar un enlace y navegar a la página de destino. Si el texto de un enlace no tiene sentido fuera de su contexto, el enlace no tendrá sentido en esta lista de enlaces.

Por otro lado, si los enlaces poseen un estilo especial para resaltarlos, los usuarios suelen fijar su atención en ellos, por lo que es importante que el texto de los enlaces sea lo más claro y significativo.

Por ejemplo, elPeriódico.com tiene una sección llamada Encuestas en la que se muestran todas las encuestas que existen. Cada encuesta tiene un enlace asociado con el texto Ver Resultados para visualizar los resultados de la encuesta seleccionada, como podemos ver en la siguiente imagen:

Ejemplo de encuestas en elperiodico.com

El complemento Fangs para Firefox que simula el comportamiento de un lector de pantalla posee una ventana para visualizar los enlaces que contiene una página web. En la siguiente imagen podemos ver la lista con los primeros enlaces (Portada, Opinión, Internacional, etc.) de la página web mostrada anteriormente:

Enlaces de una página de elperiodico.com visualizada con Fangs

Como todas las encuestas tienen un enlace con el texto Ver Resultados, cuando se consulta la lista de enlaces no se sabe a qué encuesta se refiere cada enlace, como podemos observar en la siguiente imagen:

Enlaces de una página de elperiodico.com visualizada con Fangs

Por tanto, esta página presenta un grave problema de accesibilidad, ya que no se puede seleccionar un enlace en la lista de enlaces.

Por contra, la página personal que se muestra en la siguiente imagen no tiene problemas con los textos de los enlaces ya que son significativos y cumplen su función si se extraen del contexto de la página web:

Página personal de Sergio Luján Mora

Como podemos ver en la siguiente imagen, cuando se consulta la lista de enlaces con Fangs el texto de cada enlace es único y explica correctamente el destino del enlace:

Lista de enlaces en Fangs

Para finalizar, unos breves consejos para escribir enlaces correctos:

Para ampliar estos consejos, recomiendo la lectura de los siguientes artículos:

También puedes estudiar alguno de lo siguientes ejemplos:

Sin embargo, también hay gente que defiende lo contrario de lo que se ha explicado: si le dices a la gente "pulsa aquí" (click here) aumentará el porcentaje de usuarios que lo hagan. Además, ayuda a los usuarios poco familiarizados con la navegación web. Lo explican en el artículo Does Telling Someone to "Click Here" Actually Matter?.

Estándares, licencia y contacto