Cas pràctic, exercicis i llista de comprovació

Aquesta lliçó reuneix el curs en un cas resolt pas a pas, cinc exercicis amb la seva solució i una llista de comprovació per als teus projectes. El cas combina les situacions que més trobaràs com a especialista: un tràmit amb formulari i autenticació, una pàgina informativa, una versió «en lectura fàcil» generada amb IA i un assistent virtual.

Cas pràctic: l'ajuda al transport jove d'un ajuntament

Un ajuntament de mida mitjana (fictici) publica a la seva seu electrònica l'ajuda «Bono Joven de Transporte». El servei inclou una pàgina informativa, un formulari de sol·licitud de 35 camps en una sola pantalla, accés amb Cl@ve o amb un codi de 6 dígits enviat per SMS que caduca als 60 segons, una «versió en lectura fàcil» redactada amb un model de llenguatge i publicada amb el logotip europeu, i un assistent virtual que s'obre sol als 5 segons. La regidoria demana un diagnòstic d'accessibilitat cognitiva i un pla de millora.

Pas 1. Marc i abast

És una administració local: s'hi aplica el RD 1112/2018 (PDF, s'obre en una finestra nova) i, per aquest, l'EN 301 549 v3.2.1 (PDF, s'obre en una finestra nova) (WCAG 2.1 AA). S'avaluen a més els criteris nous de WCAG 2.2 com a bona pràctica i s'identifiquen com a tals. Tasques crítiques: (1) saber si es compleixen els requisits, (2) presentar la sol·licitud i (3) consultar-ne l'estat.

Pas 2. Conformitat WCAG

• El codi SMS no es pot enganxar ni emplenar automàticament i només dura 60 segons sense opció d'ampliar: 2.2.1 Temps ajustable i, com a bona pràctica 2.2, 3.3.8 Autenticació accessible (mínim).
• La sessió caduca als 15 minuts sense avís i es perd el que s'ha escrit: 2.2.1.
• El DNI es demana al pas de dades personals i una altra vegada a la declaració responsable: 3.3.7 Entrada redundant (2.2).
• Els errors es mostren com a «Formulari incorrecte» a dalt, sense dir quin camp falla: 3.3.1 Identificació d'errors i 3.3.3 Suggeriments davant d'errors.
• El telèfon d'ajuda apareix al peu d'unes pàgines i no d'unes altres: 3.2.6 Ajuda coherent (2.2).
• L'assistent s'obre sol i roba el focus a mitja emplenada del formulari: canvi de context no sol·licitat (3.2.5 Canvis a petició, AAA) que a més trenca 2.4.3 Ordre del focus; el seu anunci en bucle d'«escrivint…» és un mal ús de les regions vives.

Pas 3. Revisió experta i disseny enganyós

El recorregut cognitiu detecta que la pàgina informativa demana «empadronament amb una antiguitat mínima de sis mesos a comptar des de la data de meritació» i un termini de «20 dies hàbils des de la publicació al butlletí oficial»: cal calcular dues dates i saber què és la meritació. A l'últim pas del formulari, una casella ja marcada diu «No vull que les meves dades no es cedeixin a entitats col·laboradores»: preselecció i doble negació, amb risc a més davant del RGPD.

Pas 4. Textos i IA

Amb el mètode d'unitats crítiques es compara la versió «en lectura fàcil» amb la convocatòria: ha desaparegut el requisit de no superar un nivell d'ingressos, «haurà d'aportar» s'ha convertit en «pot aportar» i el termini apareix com a «20 dies». No consta validació per persones amb discapacitat intel·lectual, així que no es pot fer servir el logotip europeu. Es retira la versió, s'encarrega una adaptació segons la UNE 153101 EX i la seva validació segons la UNE 153102 EX, i es reescriu la pàgina informativa en llenguatge clar amb dates concretes.

Pas 5. Proves amb persones i pla

Amb una entitat de Plena inclusión i una associació juvenil s'organitzen sessions amb sis participants. Només dos completen la sol·licitud sense ajuda; quatre es bloquegen en el codi SMS i tres no saben dir fins quan la poden presentar. El pla resultant:

Prioritat	Acció	Referència
1	Codi que es pot enganxar amb autocomplete="one-time-code", 5 minuts de validesa i opció de reenviar	2.2.1; 3.3.8
1	Avís 2 minuts abans que caduqui la sessió, amb ampliació i desament de l'esborrany	2.2.1; 2.2.6 (AAA)
2	Formulari en 5 passos amb indicador, DNI demanat una sola vegada i errors al costat de cada camp	3.3.1; 3.3.3; 3.3.7
2	Assistent que només s'obre a petició, amb «Parlar amb una persona» i ajuda al mateix lloc	2.4.3; 3.2.6
3	Pàgina en llenguatge clar amb dates concretes; casella desmarcada i en positiu	Llenguatge clar; COGA; RGPD
3	Versió en lectura fàcil adaptada i validada, amb data i entitat validadora	UNE 153101 EX i 153102 EX

Després de les correccions, una segona ronda amb unes altres sis persones: cinc completen la sol·licitud sense ajuda i totes responen bé la pregunta del termini.

Exercicis

Exercici 1. Un portal supera una auditoria WCAG 2.1 AA. Pots afirmar que és cognitivament accessible?

Mostra la solució

No. El nivell AA cobreix només una part de les necessitats cognitives: el nivell de lectura, les paraules inusuals, les interrupcions o l'ajuda contextual són en AAA o fora de les WCAG. Calen la revisió experta amb patrons COGA i les proves amb persones.

Exercici 2. Un avís «Producte afegit a la cistella» apareix i desapareix als 3 segons. A més, s'anuncia amb role="alert". Què hi canviaries?

Mostra la solució

Fer servir role="status", perquè no és urgent, i mantenir l'avís visible fins que la persona el tanqui o continuï navegant, o deixar la confirmació també a la mateixa cistella. Un missatge que desapareix tan ràpid funciona com un límit de temps (2.2.1) i exigeix atenció i velocitat de lectura.

Exercici 3. Un model de llenguatge resumeix una resolució: «T'han donat l'ajuda. Pots recórrer si no hi estàs d'acord». L'original concedeix l'ajuda «parcialment» i fixa un mes per recórrer. Quin mètode hi apliques i què hi trobes?

Mostra la solució

El d'unitats crítiques. Se n'han perdut dues: el caràcter parcial de la concessió, que canvia el sentit, i el termini de recurs. Tots dos són errors crítics: la peça es rebutja i es corregeix comparant-la amb l'original.

Exercici 4. En una prova amb usuaris, el moderador pregunta a una participant amb discapacitat intel·lectual «Has entès la pàgina?» i ella respon que sí. És una evidència vàlida?

Mostra la solució

No. La pregunta afavoreix la resposta complaent. Cal formular preguntes de comprensió que exigeixin haver entès («Quin document has de portar?») i observar si completa la tasca.

Exercici 5. Per donar-se d'alta en un servei n'hi ha prou amb un clic; per donar-se de baixa cal trucar per telèfon en horari d'oficina. Com ho reflecteixes en un informe d'accessibilitat?

Mostra la solució

Com a recomanació, separada dels incompliments WCAG: patró d'obstrucció que exigeix funció executiva i memòria i exclou qui no pot fer servir el telèfon. Es proposa la baixa pel mateix canal i amb el mateix esforç, i se suggereix que l'assessoria jurídica valori la pràctica.

Llista de comprovació

• Les tasques crítiques s'han avaluat completes, de principi a fi.
• Res no exigeix recordar ni transcriure codis o dades d'un pas anterior.
• Els terminis es donen com a dates i els imports, ja calculats.
• Tot límit de temps avisa abans i es pot ampliar.
• No apareix res que la persona no hagi demanat: so, moviment, finestres o xats.
• Rebutjar o donar-se de baixa costa el mateix que acceptar o donar-se d'alta.
• No hi ha caselles premarcades ni preguntes amb doble negació.
• Els errors diuen què ha passat i com arreglar-ho, al costat del camp.
• L'ajuda humana és al mateix lloc a totes les pàgines.
• Els textos clau són en llenguatge clar i els drets i tràmits, en lectura fàcil validada.
• Tot contingut generat amb IA s'ha revisat amb un criteri escrit i queda registrat.
• L'assistent virtual s'obre a petició, s'identifica com a automàtic i ofereix una persona.
• S'ha provat amb persones amb discapacitat cognitiva i s'ha repetit la prova després de corregir.

Per continuar aprenent

• Making Content Usable for People with Cognitive and Learning Disabilities (W3C)
• Comprendre les WCAG 2.2 (Understanding WCAG 2.2, W3C)
• Involving Users in Evaluating Web Accessibility (W3C)
• Text consolidat de l'RDL 1/2013, amb la reforma de la Llei 6/2022 (BOE)
• Reglament (UE) 2024/1689 d'intel·ligència artificial (EUR-Lex)