2.4.4 - Propósito del Enlace (En Contexto)
Cuando un usuario de lector de pantalla navega a través de los enlaces en una página web, el lector de pantalla puede leer solo el texto del enlace y no el texto circundante. Por lo tanto, es esencial que el texto del enlace tenga sentido sin el texto circundante. El texto del enlace por sí solo debe transmitir el propósito del enlace. El texto del enlace también debe ser único y fácil de pronunciar en voz alta.
Directrices estándar para el texto del enlace:
Evita textos de enlace genéricos como "Haz clic aquí", "Más" y "Leer más". Estos enlaces pueden ser confusos cuando un lector de pantalla los lee.
Evita textos de enlace muy largos. Una pequeña oración puede ser un enlace, pero no un párrafo entero.
El texto del hipervínculo no debe consistir en la URL.
Si un hipervínculo descarga un archivo, asegúrate de mencionarlo.
Si un hipervínculo se abre en una nueva pestaña o ventana del navegador, menciónalo.
Dale al texto del hipervínculo un color diferente al del texto circundante.
El texto del hipervínculo suele ser azul, pero puede ser de cualquier color que contraste suficientemente con los colores circundantes.
Usa el mismo color para todos los hipervínculos en un documento o página web.
Si una imagen funciona como un enlace, la imagen debe tener texto alternativo que transmita la ubicación y el propósito del enlace. El texto alternativo no debe describir la imagen. Trata los enlaces de imagen como enlaces, no como imágenes.
Las páginas no deben tener más de un enlace al mismo destino uno al lado del otro.
Los enlaces con el mismo texto deben tener un propósito similar. Esto significa que deben estar vinculados al mismo destino.
¿Cómo probar el Propósito del Enlace (En Contexto) usando un lector de pantalla?
Abre la página con el lector de pantalla encendido.
Ahora, presiona las teclas de acceso rápido de tu lector de pantalla para obtener la lista de enlaces. (Para NVDA, usa Ins+F7 y para JAWS presiona F7)
o
Usa la tecla Tab del teclado para recorrer todos los enlaces en la página.
Verifica cada texto de enlace visible. Debe describir el propósito del enlace. De lo contrario, verifica si anuncia la información contextual proporcionada utilizando el atributo ARIA.
#wcag
#Tutorial ADA
www.clarionsite.com
email@clarionsite.com