2526UdL1.4.11-A-003

Edición de la página como formulario

Editar con formulario

1. Información básica

Id del criterio: 1.4.11 - Contraste no textual (Nivel: AA)

Título del subcriterio: 1.4.11-A

Universidad participante: UdL

Curso académico: 2025-26

1.4.11-A

Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.4_Distinguible/1.4.11-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:
https://shop.mango.com/es/ca/h/dona

2.1.2. Código HTML:

FESTA I ESDEVENIMENTS

Descobreix-ne més

FESTA I ESDEVENIMENTS

Descobreix-ne més

Explicación del problema detectado:
La web de mango no cumple con el criterio 1.4.11-A.

Ja que si ens fixem en alguns textos o botons sobre imatges el contrast del colors e sbaix i en algunes seccions no s'arriba a llegir bé el text.

Aixó pot causar una petita distorsió x el lector a l'hora de llegir x la pàgina web.

Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Persones amb baixa visió (visió reduïda, degeneració macular, cataractes, etc.).

Persones amb daltonisme o alteracions de la percepció del color (protanòpia, deuteranòpia...).

Persones amb discapacitats visuals que utilitzen zoom o configuracions de contrast alt al navegador.

---

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:
https://www.netflix.com/es/

2.2.2 Código HTML:

<label data-uia="field-email+label" data-wct-form-control-label="true" class="default-ltr-iqcdef-cache-1kv3we2" for=":r0:">Dirección de correo</label>

<input autocomplete="email" minlength="5" maxlength="50" type="email" dir="ltr" id=":r0:" name="email" data-uia="field-email" data-wct-form-control-element="true" value="">

<button class=" ea2wixt2 default-ltr-iqcdef-cache-1qgzqew" data-uia="nmhp-card-cta+hero_card" type="submit">Empezar

<svg viewBox="0 0 24 24" width="24" height="24" data-icon="ChevronRightMedium" data-icon-id=":r4:" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="m15.586 12-7.293 7.293 1.414 1.414 8-8a1 1 0 0 0 0-1.414l-8-8-1.414 1.414z" clip-rule="evenodd"></path></svg>

</button>

<button class=" ea2wixt2 default-ltr-iqcdef-cache-1qgzqew" data-uia="nmhp-card-cta+hero_card" type="submit">Empezar

<svg viewBox="0 0 24 24" width="24" height="24" data-icon="ChevronRightMedium" data-icon-id=":r4:" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" role="img"><path fill="currentColor" fill-rule="evenodd" d="m15.586 12-7.293 7.293 1.414 1.414 8-8a1 1 0 0 0 0-1.414l-8-8-1.414 1.414z" clip-rule="evenodd"></path></svg>

</button>

Explicación de la solución aplicada:
Aquesta web si que compleix el criteri, ja qu ees pot veure facilment el alt contrast de color que hi ha amb els botons, textos e informació...

---