25261.4.3B-001
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:
https://www.zara.com/
2.1.2. Código HTML:
<label class="zds-input-base__label ..." for="zds-36">
Localización
</label>
Explicación del problema detectado:
En este formulario, la etiqueta 'Localización' utiliza un color gris claro sobre un blanco puro, lo que genera un ratio de contraste muy bajo, incumpliendo el mínimo requerido de 4.5:1 para texto de tamaño normal según el criterio WCAG 1.4.3. Se prioriza la estética minimalista por encima de la legibilidad
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Provoca invisibilidad bajo luz intensa; si se intenta abrir la página en la calle o en un día soleado, el texto será prácticamente invisible debido al reflejo de la pantalla. Para una persona de edad avanzada o con dificultades visuales, será prácticamente imposible leer este texto
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:
<body style="background-color: #ffffff; color: #0b0c0c;">
Welcome to GOV.UK
The best place to find government services and information.
<a href="#" style="color: #1d70b8; text-decoration: underline;">Benefits</a>
</body>
Explicación de la solución aplicada:
Priorizar la función por sobre de la estética, utilizando colores con alto contraste sobre colores puros.
