2526UdL3.3.2-C-000
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_3/3.3_Assistencia_en_los_input/3.3.2-C
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.renfe.com/es/es
2.1.2. Código HTML:
Explicación del problema detectado:
Renfe.com no compleix el criteri WCAG 3.3.2 sobre camps obligatoris i etiquetes en formularis, tal com reconeix la seva pròpia declaració d'accessibilitat on s'autodefineix com "parcialment conforme" amb el RD 1112/2018. Els seus principals problemes inclouen camps de formulari sense etiquetes <label> correctament associades, falta d'indicació de quins camps són obligatoris (sense asterisc ni atribut required), absència d'instruccions sobre els formats esperats (dates, DNI), i missatges d'error que no proporcionen suggeriments clars per corregir els errors. A més, els camps no tenen identificat el seu propòsit (falta l'atribut autocomplete), els components no transmeten adequadament el seu nom, rol o valor als lectors de pantalla, i la pàgina presenta 75 errors de validació HTML. Aquests problemes fan que persones amb discapacitat visual no puguin comprar bitllets de tren de forma autònoma, tal com ha denunciat el CERMI i experts en accessibilitat com Sergio Luján Mora, i han provocat expedients sancionadors del Ministerio de Sanidad.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Les deficiències de Renfe en el criteri 3.3.2 bloquegen l'autonomia de les persones cegues, ja que sense etiquetes ni atributs de camps obligatoris, els lectors de pantalla no poden indicar on cal escriure ni quina informació és vital. Això provoca errors constants que l'usuari no sap com resoldre.
Així mateix, l'absència d'instruccions clares i suggeriments de correcció perjudica greument les persones amb discapacitat cognitiva o gent gran. La falta de formats guiats (com en la data o el DNI) converteix el formulari en una barrera insuperable que genera exclusió digital en un servei públic essencial, impedint-los finalitzar la compra sense assistència externa.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://www.iberdrola.com
2.2.2 Código HTML:
Explicación de la solución aplicada:
La web d'Iberdrola compleix el criteri 3.3.2 perquè els seus formularis estan dissenyats per evitar errors abans que es produeixin. Identifiquen de manera inequívoca els camps obligatoris mitjançant mètodes visuals (com l'asterisc) i, sobretot, mitjançant el codi (atributs aria-required="true"), cosa que permet que un lector de pantalla avisi l'usuari de quina informació és imprescindible abans d'intentar enviar el formulari.
A més, el sistema proporciona instruccions clares i etiquetes fixes que no desapareixen quan l'usuari comença a escriure. Això garanteix que qualsevol persona, incloses aquelles amb limitacions cognitives o visuals, sàpiga en tot moment quines dades s'esperen (com el format del DNI o el telèfon) i quins camps són obligatoris per completar el tràmit amb èxit.
| 1 de enero de 2026 | 1 de octubre de 2025 |
|---|
