Lliçó 10 de 10 · Cas pràctic · 25 min · Revisada el 26/10/2026
Cas pràctic, exercicis i llista de comprovació
Estàs llegint una lliçó oberta. Matricula't per fer els tests i els exercicis, desar el teu progrés i aconseguir el certificat.
Matricula-m'hi · nivell 7 (179 €)Aquesta lliçó reuneix el curs en un cas resolt pas a pas, cinc exercicis amb la seva solució i una llista de comprovació. El cas reprodueix la situació típica de l'expert: moltes novetats alhora i una direcció que vol saber què ha de fer.
Cas pràctic: el pla de tendències d'un consorci de transport
El Consorci de Transports de l'Àrea de Llevant (fictici) és una entitat pública que gestiona el web d'informació i venda, una app amb l'abonament digital, un assistent virtual i 80 màquines de recàrrega a les estacions. La direcció demana a la seva responsable d'accessibilitat un pla a tres anys perquè han arribat, en el mateix mes, set propostes:
- Una consultora ofereix una «auditoria WCAG 3.0 nivell plata per avançar-se a la norma».
- Un proveïdor ofereix un overlay amb IA que «garanteix el compliment de l'Acta Europea d'Accessibilitat».
- L'equip de l'app proposa substituir l'usuari i la contrasenya per un reconeixement facial obligatori.
- Compres prepara la renovació de les màquines de recàrrega.
- Atenció al client vol ampliar l'assistent virtual amb un model de llenguatge.
- Desenvolupament vol migrar els modals propis a
<dialog>i els menús apopover. - Els contractes de manteniment citen «EN 301 549 v3.2.1 (PDF, s'obre en una finestra nova)» sense més.
Pas 1. Comprovar l'estat formal de cada peça
Abans d'opinar, la responsable revisa les fonts primàries. WCAG 3.0 és un esborrany de treball i el seu esquema bronze, plata i or es va retirar; WCAG 2.2 és la recomanació vigent; l'EN 301 549 v3.2.1 continua sent la versió citada com a harmonitzada i la v4.1.1, publicada el setembre del 2026, està pendent de citació al Diari Oficial; l'Acta Europea d'Accessibilitat s'aplica des del 28 de juny de 2025 sense normes harmonitzades citades encara. Com a entitat pública, al web i a l'app se'ls aplica a més el RD 1112/2018 (PDF, s'obre en una finestra nova); i com a servei de transport de viatgers, els seus elements digitals i els seus terminals entren en la Llei 11/2023 (PDF, s'obre en una finestra nova).
Pas 2. Classificar en el radar
| Proposta | Anell | Motiu |
|---|---|---|
| Auditoria «WCAG 3.0 plata» | Evitar | Norma inexistent i esquema retirat; s'audita amb WCAG 2.2 AA i EN 301 549 |
| Overlay amb IA | Evitar | No corregeix el codi, interfereix amb les tecnologies de suport i no redueix l'obligació |
| Reconeixement facial obligatori | Evitar en aquesta forma | Biometria com a únic mitjà, contrària al requisit 5.3 de l'EN 301 549 |
| Claus d'accés amb alternativa | Provar | Compleixen el 3.3.8 sense memòria ni transcripció; pilot amb usuaris |
| Renovació de màquines | Adoptar requisits | Capítols 5, 8 i 11 de l'EN 301 549 al plec i prova d'acceptació |
| Assistent amb model de llenguatge | Provar | Supervisió humana, accessibilitat del giny i via alternativa |
| Migració a dialog i popover | Adoptar | Suport ampli; amb noms, rols, estats i proves amb lector de pantalla |
Pas 3. Decisions normatives i contractuals
Es rebutja l'auditoria «WCAG 3.0» i s'encarrega una auditoria amb WCAG 2.2 AA i EN 301 549 v3.2.1, amb un annex informatiu que prioritza els bloqueigs per impacte i llista els processos ja existents (proves amb usuaris, llenguatge clar) com a preparació per al model futur. Els contractes es modifiquen per citar «EN 301 549 en la seva versió vigent i WCAG 2.2 nivell AA», amb obligació d'adaptació en dotze mesos des de cada nova versió harmonitzada. Una persona de l'equip s'encarrega de vigilar el Diari Oficial de la UE, ETSI i el BOE.
Pas 4. Overlay i assistent: IA amb supervisió
L'overlay no canvia l'avaluació, que es fa sobre el contingut real, i les promeses de «compliment garantit» han motivat actuacions d'autoritats. Per a l'assistent, aprova un pilot amb condicions: el giny ha de complir WCAG 2.2 AA (focus, nom accessible, missatges anunciats amb role="log" o regions vives), informar que es conversa amb una IA, oferir sempre la via humana per telèfon, xat i correu, i sotmetre les respostes sobre tarifes i drets a una revisió periòdica.
Pas 5. Identitat i màquines
L'accés a l'app queda així: claus d'accés com a opció preferent, codi per correu que es pot enganxar com a alternativa i el reconeixement facial només com a opció voluntària. Per a les màquines, el plec exigeix els capítols 5, 8 i 11 de l'EN 301 549 (sortida de veu per auriculars, teclat amb el 5 en relleu, abasts per a cadira de rodes, temps ampliable) i una prova d'acceptació amb persones usuàries, amb penalització si no se supera.
Pas 6. Plataforma web i personalització
La migració a <dialog> amb showModal() i popover s'aprova amb una definició de fet: nom accessible, rol del contingut, estat expandit sincronitzat, prova amb NVDA i VoiceOver, i verificació en forced-colors. A més, el botó «Alt contrast» propi, que trencava els colors forçats, se substitueix per un selector de tema amb l'opció «Com el meu dispositiu».
Pas 7. Comunicar
El pla cap en una pàgina: el radar amb els set punts, els riscos que es redueixen (reclamacions, contractes ancorats a una versió, màquines que no compleixen) i el calendari per trimestres. Cada decisió cita la seva font, cosa que facilita que la direcció l'aprovi.
Exercicis d'autoavaluació
1. Una especificació del W3C és en fase de Recomanació candidata i resol un problema del teu equip. La pots exigir en un plec com a requisit de conformitat?
Veure la solució
No com a requisit de conformitat: encara no és Recomanació del W3C i pot canviar. La pots recomanar com a bona pràctica, utilitzar-la en pilots amb alternativa (anell «Provar») i exigir al plec WCAG 2.2 AA i l'EN 301 549 vigent.
2. Un proveïdor afirma en la seva oferta que compleix «la nova EN 301 549 v4, publicada com a harmonitzada». Què comproves abans de valorar-ho?
Veure la solució
Que aquesta versió existeix al catàleg d'ETSI (la v4.1.1 es va publicar el setembre del 2026) i si la seva referència ja figura al Diari Oficial de la UE. Mentre no hi figuri, no és «harmonitzada» i l'afirmació és inexacta: valora la conformitat amb la v4.1.1 com a mèrit tècnic, però demana també la conformitat amb la versió harmonitzada vigent i WCAG 2.2 AA, amb evidències de prova.
3. L'app demana el codi de verificació en sis caselles sense etiqueta, bloqueja l'enganxada i l'invalida als 60 segons sense avís. Quins criteris incompleix i com es corregeix?
Veure la solució
Incompleix el 3.3.8 Autenticació accessible (mínim), perquè obliga a transcriure sense ajuda; el 2.2.1 Temps ajustable, per la caducitat sense avís ni ampliació; i probablement l'1.3.1, el 3.3.2 i el 4.1.2 per la falta d'etiquetes. Correcció: un únic camp etiquetat amb autocomplete="one-time-code", que admeti enganxar, amb avís de caducitat i opció de demanar un altre codi.
4. Un ajuntament vol preguntar al seu web «Té vostè discapacitat visual?» per activar una versió d'alt contrast. Què li proposes?
Veure la solució
No preguntar per diagnòstics, que són dades de salut especialment protegides. Respectar les preferències del sistema (prefers-contrast, forced-colors, mode fosc) i, si s'ofereix un ajust propi, presentar-lo com a preferència («Tema de colors») accessible, persistent i provat amb colors forçats, sense crear una versió paral·lela.
5. Un museu prepara una experiència de realitat virtual en què s'avança assenyalant amb la mà i les explicacions es donen només per àudio. Què requereixes abans de llançar-la?
Veure la solució
Alternatives als gestos (comandament, mode assegut), subtítols ajustables, descripció sonora del que és visual i rellevant, reducció del moviment i una experiència equivalent fora de les ulleres, amb XAUR i el capítol 4 de l'EN 301 549 com a guia i proves amb usuaris.
Llista de comprovació final
- Llegeixo l'estat formal de cada especificació abans de citar-la.
- Cito WCAG 2.2 AA i l'EN 301 549 vigent, mai un esborrany.
- Els contractes diuen «versió vigent» amb termini d'adaptació.
- Documento com complim l'annex I de la Llei 11/2023.
- Reviso cada trimestre un radar amb fonts primàries.
- No utilitzo overlays com a substitut de corregir el codi.
- Tota IA té supervisió humana i via alternativa.
- Adopto dialog, popover i inert amb semàntica i proves.
- Respecto les preferències del sistema abans d'afegir ajustos propis.
- Pregunto per preferències, mai per diagnòstics.
- L'autenticació no demana memòria ni transcripció sense alternativa.
- La biometria no és mai l'únic mitjà d'accés.
- Exigeixo els capítols 5, 8 i 11 de l'EN 301 549 en comprar terminals.
- Els pilots de veu i realitat estesa tenen alternativa equivalent.
Per continuar aprenent
- Visió general dels estàndards d'accessibilitat de la WAI (W3C).
- Esborrany de WCAG 3.0 (W3C), per seguir-ne l'evolució.
- EN 301 549 al catàleg d'ETSI, amb totes les seves versions.
- Directiva (UE) 2019/882, Acta Europea d'Accessibilitat (EUR-Lex).
- XR Accessibility User Requirements (W3C), per a pilots de realitat estesa.
Portes 2 lliçons d'aquest curs: que no es perdin
Crea el teu compte i desa el que ja has llegit i segueix el curs amb tot:
- El test d'aquesta lliçó (3 preguntes) per comprovar el que has après
- Exercicis pràctics amb pàgines reals
- El teu progrés desat: continues on ho vas deixar, des de qualsevol dispositiu
- Constància del curs amb les hores i certificat del nivell 7 quan aprovis l'examen
Entres amb el teu compte de Google o només amb el teu correu electrònic. No cal contrasenya.
Matricula-m'hi · nivell 7 (179 €)