Skip to main content
Accesibilidad Axe Core 4.10

Los enlaces deben ser distinguibles sin depender del color

Acerca de esta regla de accesibilidad

Asegúrate de que las personas que no pueden diferenciar colores puedan identificar cuándo un texto es un enlace verificando que el enlace tenga un estilo distintivo que no dependa del color o una diferencia de contraste superior a 3:1, lo que indica que se necesita una prueba manual.

Algunas personas con baja visión tienen bajo contraste, lo que significa que no hay muchas áreas brillantes u oscuras. Todo parece tener aproximadamente el mismo brillo, lo que dificulta ver detalles, bordes, marcos y contornos. Puede ser difícil leer texto que tiene el mismo brillo que el fondo.

Hay casi tres veces más personas con baja visión que personas totalmente ciegas. Una de cada doce personas, o aproximadamente el 8% de los hombres y el 0,4% de las mujeres en Estados Unidos, tiene una deficiencia de color. Las personas con baja visión o daltonismo no pueden distinguir qué dice el texto contra un fondo que no tiene suficiente contraste.

Cuando no hay un contraste de color de 3:1 entre el color del texto del enlace y el color del texto que lo rodea, las personas con baja visión o bajo contraste no pueden distinguir visualmente que el texto está destinado a ser un enlace.

Qué verifica esta regla de accesibilidad

Verifica que todos los enlaces en bloques de texto tengan una diferencia de color de al menos 3:1 con respecto al texto que los rodea, para que las personas que no pueden distinguir los colores aún puedan encontrar el enlace.

Esta regla examina algunas de las formas más comunes de distinguir un enlace del texto que lo rodea, como el subrayado, el estilo de fuente, un borde o un fondo. No se ha violado ninguna regla si el enlace tiene su propio estilo que no depende del color (pasa). Hay una violación si el enlace no tiene un estilo claro y el contraste es menor a 3:1 (falla). Cuando el enlace no tiene un estilo distintivo y la diferencia de contraste es de 3:1 o superior, debes verificar que el enlace tenga un estilo distintivo cuando lo enfoques o pases el cursor sobre él. Esto no se puede hacer de manera confiable por una computadora, por lo que tienes que hacerlo manualmente.

Ayúdanos a mejorar nuestras guías

¿Te ha sido útil esta guía?

Detecta problemas de accesibilidad automáticamente

Rocket Validator escanea miles de páginas con Axe Core y el W3C Validator, encontrando problemas de accesibilidad en todo tu sitio web.

¿Listo para validar tus sitios?
Inicia tu prueba gratuita hoy.