s Guías Prácticas de Código Accesible
Escudo de la República de Colombia

Enlaces Accesibles

¿Por qué son importantes las enlaces?

Los enlaces son un elemento interactivo común en los sitios web, que permiten que los usuarios puedan navegar de una página a otra haciendo clic en una imagen o un texto.

Dada su importancia dentro de los sitios web, los enlaces al igual que un encabezado u otros elementos de texto, debe de tener su nombre automáticamente en su texto, debido a muchos dispositivos de asistencia tecnológica presentan listas de enlaces aparte documento, lo cual permite que las personas con discapacidad visual naveguen por estos enlaces, por lo que los nombres de los enlaces deben ser cortos y claros para que los lectores de pantalla los lean más fácil, además los usuarios que trabajan con reconocimiento de voz pueden acceder a los enlaces diciendo la palabra ‘’Clic’’ y después el nombre del enlace al cual va acceder.

Por lo cual dentro de la estructura HTML existen dos elementos para los enlaces href y span.

Fragmento de Código: HTML
        <p><a href="…" onclick="OnLinkClick()">Enlace Accesible</a></p>
        <p><span class="link" tabindex="0" onclick="OnLinkClick()">Enlace no Accesible</span></p>
    

La diferencia entre usar o no uno de estos elementos es que el atributo href es reconocido por los lectores de pantalla, mientras que la etiqueta span no.