2526UPSA1.4.3-A-000

De WCAG Wiki
Revisión del 03:43 16 dic 2025 de 202526UPSA18 (discusión | contribs.) (1.4.3-A ejemplos NOA y ACC (contraste mínimo))
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)

Edición de la página como formulario

1. Información básica

Id del criterio: 1.4.3 - Contraste (mínimo) (Nivel: AA)
Título del subcriterio: 1.4.3-A
Universidad participante: UPSA
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.3-A



2. Ejemplos prácticos

2.1. Ejemplo NO accesible

2.1.1. Evidencia en imagen y enlace:
a) Imagen
No se ha subido ninguna imagen.

b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.

2.1.2. Código HTML:

<div style="font-family: Arial, sans-serif; background:#ffffff; padding:16px; max-width:700px;"> <h2 style="color:#bdbdbd; margin-top:0;">Aviso importante</h2> <p style="color:#c2c2c2; font-size:16px;"> El plazo de matrícula termina el viernes a las 14:00. </p> <p style="color:#c8c8c8; font-size:14px;"> Revisa la documentación antes de enviar la solicitud. </p> </div>



Explicación del problema detectado:
El texto utiliza grises muy claros sobre fondo blanco, por lo que el contraste es insuficiente para texto normal y no cumple el contraste mínimo exigido. Esto hace que el contenido sea difícil de leer.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Afecta a personas con baja visión, usuarios mayores y a cualquiera que use la pantalla con reflejos o brillo bajo (por ejemplo, móvil en exterior). La barrera es que el texto “se pierde” con el fondo y obliga a forzar la vista o impide leer la información.


2.2. Ejemplo Accesible

2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.


2.2.2 Código HTML:

<div style="font-family: Arial, sans-serif; background:#ffffff; padding:16px; max-width:700px;"> <h2 style="color:#111111; margin-top:0;">Aviso importante</h2> <p style="color:#1a1a1a; font-size:16px;"> El plazo de matrícula termina el viernes a las 14:00. </p> <p style="color:#1a1a1a; font-size:14px;"> Revisa la documentación antes de enviar la solicitud. </p> </div>



Explicación de la solución aplicada:
Se usa texto oscuro sobre fondo claro, manteniendo un contraste suficiente para que el contenido sea legible en texto normal, cumpliendo el contraste mínimo.