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

Apartados de la norma EN 301 549

El apartado de la norma EN 301 549 que corresponde a cada criterio, por versión de la norma
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 gratuita

O 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

Escribir a Validiscan

Para una revisión gratuita, indique la dirección web de su tienda y su plataforma.

Validiscan utiliza lo que usted envía para responderle. Política de privacidad