El texto de un enlace debe describir adónde lleva
Quienes usan un lector de pantalla suelen recorrer una lista con todos los enlaces de una página. Diez enlaces llamados «Leer más» o «Comprar ahora» suenan igual, así que no saben a qué producto, categoría o artículo lleva cada uno.
- ID de la regla
- vs-link-purpose
- Origen
- Comprobación de Validiscan
- Impacto
- Moderado
- Nivel de corrección
- ASSISTED
- en Shopify, Shopware, WooCommerce y Magento
- Estado
- se ejecuta
Qué hace la comprobación
Señala textos de enlace ambiguos en todos los idiomas admitidos, como «read more», «click here», «mehr», «hier», «voir plus», «ver más» o «læs mere», y textos de enlace idénticos que apuntan a destinos distintos dentro del sitio (2.4.4).
En cada página, la comprobación lee todos los elementos a[href] que los productos de apoyo pueden percibir y omite los enlaces con otro rol, como role="button". Toma el nombre accesible (así cuentan un aria-label o el alt de una imagen enlazada), lo pasa a minúsculas y convierte en espacios los signos de puntuación, las flechas y los puntos suspensivos. Solo se notifican los nombres idénticos a una de las 57 frases en inglés, alemán, francés, español y danés, así que «Leer más sobre las devoluciones» supera la comprobación. Un enlace cuyo aria-describedby remite a un texto también la supera.
La segunda parte usa los enlaces visibles de cada página, 600 como máximo, registrados en el primer viewport configurado, que de forma predeterminada es el de escritorio. Los enlaces de una misma página que tienen el mismo nombre y llevan a destinos distintos dan un hallazgo por nombre y página. Ni las mayúsculas y minúsculas, ni una barra final, ni la forma relativa de una dirección crean un destino nuevo, y las rutas /products/<slug> se comparan solo por el slug. Aquí se omiten las frases de la lista y los enlaces javascript:, y nunca se comparan enlaces de páginas distintas.
La comprobación no juzga si un nombre es claro en su contexto.
Cómo corregirlo
Haga que cada texto de enlace diga adónde lleva, por ejemplo «Más información sobre devoluciones» o «Comprar chaquetas de mujer». Cuando el diseño exija un texto visible corto, añada el contexto como texto oculto visualmente, o con un aria-label que empiece por las palabras visibles.
Criterios de conformidad de las WCAG
- 2.4.4 Link Purpose (In Context), nivel A
Apartados de la norma EN 301 549
| Criterio de las WCAG | Versión 3.2.1 | Versión 4.1.1 |
|---|---|---|
| 2.4.4 | 9.2.4.4 | 9.2.4.4 |
Empiece con una revisión gratuita de su tienda.
Envíe la dirección de su tienda. Validiscan la escanea y le responde con cada fallo que el escaneo pueda demostrar, con la página y el código.
Solicitar revisión gratuitaO escriba a info@validiscan.com.
Qué cubre la revisión gratuita y qué deja fuera- Usted envía
- la dirección de su tienda
- Páginas escaneadas
- hasta 15
- Usted recibe
- todos los fallos que el escaneo puede demostrar, con la página y el código
- En su tienda
- solo páginas públicas; sin inicio de sesión, nada comprado, ningún formulario enviado
- Lo que no es
- una auditoría completa