Lliçó 9 de 10 · 11 min de lectura · Revisada el 26/10/2026
Treballar amb les WCAG: documentació del W3C, cites i límits de l'estàndard
Estàs llegint una lliçó oberta. Matricula't gratis per fer els tests i els exercicis, desar el teu progrés i aconseguir el certificat.
Ja coneixes l'estructura de les WCAG, el mapa dels 55 criteris AA, com cal llegir un criteri amb les seves excepcions i el seu vocabulari, i les novetats de la versió 2.2. Falta el que marca la diferència en el dia a dia: trobar ràpidament la resposta a la documentació del W3C, citar els criteris de manera que una altra persona pugui actuar i saber fins on arriba l'estàndard. Al curs N1-C1 vas veure qui s'ocupa de què en un projecte; aquí veuràs quines eines de treball ofereix el mateix W3C a cadascun d'aquests perfils.
Quatre preguntes, quatre documents
L'error més habitual de qui comença és llegir l'estàndard de cap a peus cada vegada que té un dubte. La documentació del W3C està pensada per entrar-hi per la pregunta concreta:
| La teva pregunta | On has de buscar | Exemple |
|---|---|---|
| Què he de complir amb aquest tipus de contingut? | How to Meet WCAG (referència ràpida) | Filtrar per nivell A i AA i per un tema, com ara formularis o imatges |
| Què vol dir aquest criteri i quan s'aplica? | Understanding WCAG 2.2 | Intenció i exemples de l'1.4.11 per decidir si la vora d'un camp necessita 3:1 |
| Com l'implemento o com se sol incomplir? | Techniques for WCAG 2.2 | H44, associar etiquetes amb label; F65, ometre l'atribut alt |
| Com ho comprovo igual que altres avaluadors? | Regles ACT del W3C | La regla que comprova que els botons tenen nom accessible |
La referència ràpida és la porta d'entrada més còmoda per a disseny, continguts i desenvolupament: cada criteri hi apareix amb el seu enunciat, desplegable, i amb enllaços directes a la seva pàgina Understanding i a les seves tècniques. Els filtres permeten amagar el nivell AAA i quedar-se amb el que interessa en cada moment.
Com està feta una pàgina Understanding
Cada criteri té la seva pàgina explicativa. Encara que és informativa, és el document que més consultaràs, perquè respon als dubtes d'interpretació. Sol tenir aquestes seccions:
- En resum (In brief): objectiu, què cal fer i per què importa, en tres línies. No totes les pàgines la tenen.
- Intenció (Intent): el problema que el criteri vol resoldre. És la secció clau per als casos dubtosos: si una solució compleix la lletra però no la intenció, desconfia'n.
- Beneficis: quines persones se'n beneficien i com.
- Exemples: situacions concretes de compliment.
- Tècniques: suficients, recomanables i errors, amb enllaços a cadascuna.
- Regles de prova (Test rules): regles ACT relacionades amb el criteri, quan n'hi ha.
- Termes clau: les definicions del glossari que fa servir el criteri, copiades al final perquè no les hagis de buscar.
Exemple
Una dissenyadora dubta si les icones d'un carrusel (els punts que indiquen la diapositiva activa) han de tenir un contrast de 3:1. Obre Understanding de l'1.4.11 Contrast no textual, llegeix la intenció (que es puguin percebre els components i els seus estats) i els exemples, i conclou que els punts, com que són controls, necessiten 3:1 respecte al fons, i que l'actiu no s'ha de distingir dels altres només pel color, cosa que connecta amb l'1.4.1 Ús del color. Deu minuts de lectura eviten una discussió d'una hora a la revisió de disseny.
Les regles ACT: provar de manera harmonitzada
Dues eines automàtiques, o dos auditors, poden arribar a resultats diferents sobre la mateixa pàgina perquè interpreten un criteri de manera diferent. Per reduir aquest problema, el W3C va desenvolupar el format ACT (Accessibility Conformance Testing, proves de conformitat d'accessibilitat), que és una Recomanació del W3C, i publica un conjunt de regles revisades per la comunitat.
Cada regla ACT descriu amb precisió a quins elements s'aplica, què se n'espera i una bateria de casos de prova: exemples que han de passar, que han de fallar i als quals no s'aplica. Diverses eines i metodologies publiquen quines regles implementen. Al nivell 1 n'hi ha prou que sàpigues que existeixen i on són: regles ACT del W3C. Al nivell 4 les faràs servir per interpretar els resultats de les eines automàtiques.
Punt clau
Cap regla ACT ni cap eina no cobreix un criteri sencer. Una regla pot confirmar un error, però que totes les regles passin no demostra que el criteri es compleixi: sempre cal una revisió humana.
Citar les WCAG perquè algú pugui actuar
Una troballa d'accessibilitat només és útil si qui la rep la pot entendre, reproduir i corregir. Tant si és una incidència al gestor de tasques de l'equip com una línia d'un informe o un requisit d'un contracte, inclou-hi sempre la versió, el criteri amb número i nom, i el nivell.
Exemple
Incidència ben redactada al gestor de tasques d'una botiga en línia:
- Títol: El bàner de galetes tapa l'enllaç amb el focus al peu de pàgina.
- Criteri: WCAG 2.2, 2.4.11 Focus no ocult (mínim), nivell AA.
- On: a totes les pàgines, mentre no s'ha tancat el bàner.
- Què passa: en tabular fins a «Condicions d'enviament», l'enllaç queda completament darrere del bàner.
- A qui afecta: persones que naveguen amb teclat; no saben on és el focus.
- Com es reprodueix: carregar la portada, no acceptar les galetes, prémer Tab fins al peu.
- Resultat esperat: l'element amb el focus és visible almenys en part.
Error freqüent
Escriure «no compleix WCAG», «error de la pauta 1.4» o «incompleix el principi Operable». Ni les pautes ni els principis no s'avaluen, i sense versió ni criteri ningú no sap què cal corregir. Igual d'imprecís és posar «compleix parcialment»: com has vist, un criteri es compleix o no es compleix a cada pàgina.
En un plec o un contracte s'aplica la mateixa regla: «conformitat amb WCAG 2.2 nivell AA» és exigible i verificable; «el web serà accessible» no ho és. La redacció de requisits en la contractació pública s'estudia al curs N5-C4.
El que les WCAG no garanteixen
Conèixer bé l'estàndard inclou conèixer-ne els límits. La mateixa introducció de les WCAG reconeix que, tot i que cobreixen molts problemes, no poden atendre les necessitats de totes les persones amb tots els tipus, graus i combinacions de discapacitat. A la pràctica:
- Conformitat no és el mateix que bona experiència. Un formulari de 40 camps pot complir els 55 criteris i continuar sent esgotador per a una persona amb fatiga o amb discapacitat intel·lectual.
- Les necessitats cognitives només estan cobertes en part. Per això el W3C va publicar el document Making Content Usable for People with Cognitive and Learning Disabilities, amb patrons de disseny que van més enllà dels criteris. L'estudiaràs al nivell 6.
- Alguns criteris AAA valen la pena encara que no s'exigeixin: el 2.4.13 Aparença del focus o el 2.5.5 Mida de l'objectiu (millorat) s'apliquen sense dificultat en molts dissenys.
- Les proves amb persones usuàries descobreixen barreres que cap llista de criteris no recull.
Prova-ho tu
Obre l'índex d'Understanding WCAG 2.2 i entra al 2.5.8 Mida de l'objectiu (mínim). Localitza-hi tres coses: la secció d'intenció, els exemples de l'excepció d'espaiat i la llista de tècniques. Hi ha algun error documentat? Anota quant has trigat; amb pràctica, baixaràs de dos minuts.
Resum
- Entra per la pregunta: referència ràpida per saber què cal complir, Understanding per interpretar, Techniques per implementar i regles ACT per provar.
- La secció d'intenció d'Understanding resol la majoria dels casos dubtosos.
- Les regles ACT harmonitzen les proves, però cap no cobreix un criteri sencer.
- Cita sempre la versió, el número, el nom i el nivell, amb el que calgui per reproduir i corregir.
- Complir les WCAG és el mínim exigible, no la garantia d'una bona experiència per a totes les persones.
Portes 5 lliçons d'aquest curs: que no es perdin
Crea el teu compte gratis 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 gratuït del nivell 1 quan aprovis l'examen
Entres amb el teu compte de Google o només amb el teu correu electrònic. No cal contrasenya.