202526UdL051.4.3- A
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_-_Contraste_(M%C3%ADnimo)_-_Nivel:_AA
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.restauranteplatz.com/
2.1.2. Código HTML:
#footer .footercols1 h3 {
color: #0a0a0a; /* Aquest color és gairebé negre */
}
Explicación del problema detectado:
El color #0a0a0a sobre un fons fosc no arriba al ràtio de contrast de 4.5:1 exigit pel criteri 1.4.3.
A l'inspector vec que el color blanc (#ffffff) està ratllat, la qual cosa significa que el navegador l'està ignorant i aplicant el negre, fent el text il·legible.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Invisibilitat del text per a persones amb baixa visió.
Barrera de lectura per a usuaris amb daltonisme.
Fatiga i cansament visual extrem.
Impossibilitat de llegir en entorns amb molta llum o al carrer.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://vicio.com/about-us
2.2.2 Código HTML:
<div class="heading-4" style="color: #000000; background-color: #ffffff;">
FAST, GOOD & LOUD.
</div>
Explicación de la solución aplicada:
Fent ús del ràtio de contrast màxim (21:1): S'assegura que el text no es "fongui" amb el fons, superant de llarg el mínim legal de 4.5:1.
Fent ús d'una polaritat positiva: El text fosc sobre fons clar és la forma més natural i fàcil de llegir per a l'ull humà, evitant la fatiga visual.
Fent ús de la màxima lluminositat: Es garanteix que el text sigui percebible fins i tot per a persones amb baixa visió o en condicions de molta llum al carrer.
Fent ús de la claredat cromàtica: S'eviten confusions per a usuaris amb daltonisme, ja que la distinció no depèn del color (tonalitat), sinó de la brillantor.
