2526UdL1.4.1-B-001

De WCAG Wiki

Edición de la página como formulario

1. Información básica

Id del criterio: 1.4.1 - Uso del color (Nivel: A)
Título del subcriterio: 1.4.1-B
Universidad participante: UdL
Curso académico: 2025-26

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.4_Distinguible/1.4.1-B


2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www2.hm.com/en_us/index.html

2.1.2. Código HTML:

Explore our latest <a href="/women" style="color:#111; text-decoration:none;"> women’s collection </a> for the season.



Explicación del problema detectado:
The link is not distinguishable from surrounding text without interaction. Identification relies on color and hover effects only. When color is not perceived (e.g. color blindness) or when using keyboard navigation, the link appears as normal text. This matches Failure F73: failure to identify links when color is removed. Does not meet WCAG 1.4.1-B.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
People affected: Users with color blindness Users with low vision Keyboard-only users

Barriers: Difficulty identifying clickable text. Missed navigation options and product links. Increased effort to explore content.

2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen

b) Enlace de donde se ha obtenido la imagen:
https://www.gov.uk/


2.2.2 Código HTML:

Find out more about <a href="https://www.gov.uk/help/accessibility"> accessibility on GOV.UK </a>.



Explicación de la solución aplicada:
Links are not identified by color alone. Underlining provides a persistent visual cue. High contrast ensures visibility for low-vision users. Clear focus styles support keyboard navigation. This fully complies with WCAG 1.4.1-B and technique G183.





Obtenido de «https://wikiwcag.udl.cat/index.php?title=2526UdL1.4.1-B-001&oldid=4758»