2526UPSA1.4.3-B000
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.4_Distinguible/1.4.3-B
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
http://www.greatdreams.com/
2.1.2. Código HTML:
Explicación del problema detectado:
El elemento analizado en la web "Great Dreams" suspende clarísimamente el criterio 1.4.3 de contraste mínimo. Al pasarle la herramienta CCA, se ve que han puesto un texto azul oscuro (#0E00CC) sobre un fondo violeta (#8001C0), lo que da un ratio de solo 1.4:1. Este valor es bajísimo y un "No Apto" rotundo, porque para que un texto grande sea accesible necesitas como mínimo un 3:1. Básicamente, al usar dos colores tan oscuros y parecidos, el texto no tiene suficiente luz para destacar y se acaba fundiendo con el fondo, haciendo que sea imposible de leer.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este error hace que el contenido sea prácticamente ilegible para la mayoría de los usuarios. Al utilizar dos colores fríos y oscuros con una luminancia tan similar, se pierde la definición de los bordes de las letras, haciendo que el texto se "funda" con el fondo. Esto bloquea el acceso a la información a personas con baja visión y provoca una fatiga visual severa a cualquier usuario que intente forzar la vista para descifrarlo. Además, para personas con daltonismo o sensibilidad al contraste reducida, el texto simplemente desaparece, dejando un bloque de color sólido sin información visible.
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:
Explicación de la solución aplicada:
El encabezado principal de la página GOV.UK es un ejemplo técnico impecable de cumplimiento del criterio 1.4.3 (SI Accesible). El análisis con la herramienta Colour Contrast Analyser confirma que el texto blanco (#FFFFFF) sobre el fondo azul corporativo (#1E70B8) genera un ratio de contraste de 5.2:1. Este valor supera holgadamente el mínimo de 3:1 exigido para textos grandes. De hecho, el contraste es tan alto que incluso cumple con el nivel "AAA" (Criterio 1.4.6) para texto grande, lo que indica un nivel de accesibilidad excelente.
