WCAG 2.1 vs 2.2: què ha canviat i per què importa

WCAG 2.2 va esdevenir Recomanació del W3C l’octubre del 2023. Si el teu lloc es va auditar segons WCAG 2.1, és possible que ja incompleixi criteris que ara defineixen el compliment legal a la UE, al Regne Unit i, cada cop més, en les actuacions d’aplicació dels EUA. Aquesta guia repassa tots els canvis — què s’ha afegit, què s’ha eliminat i què significa cada criteri a la pràctica.

Context ràpid: què va afegir WCAG 2.1

WCAG 2.1 (publicada el 2018) va ampliar l’estàndard original 2.0 amb 17 criteris d’èxit nous centrats en tres col·lectius poc atesos:

Usuaris de mòbil — gestos tàctils, orientació de la pantalla, precisió del punter
Usuaris amb baixa visió — reflux del contingut, contrast d’elements no textuals, espaiat del text
Discapacitats cognitives i del llenguatge — temps d’espera, missatges d’estat

WCAG 2.2 es construeix directament sobre la 2.1. Tots els requisits de la 2.1 continuen sent vigents. La pregunta és: què hi ha afegit la 2.2?

Què va afegir WCAG 2.2: 9 criteris d’èxit nous

2.4.11 Focus no ocult (mínim) — nivell AA

Quan un component rep el focus del teclat, no pot quedar completament amagat per altre contingut (capçaleres fixes, bàners de galetes, ginys de xat). Almenys una part de l’element enfocat ha de continuar sent visible.

Fallada habitual: una barra de navegació fixa tapa el camp de formulari enfocat quan un usuari tabula per la pàgina.

2.4.12 Focus no ocult (millorat) — nivell AAA

Versió més estricta del 2.4.11 — el component enfocat ha de ser completament visible, no només parcialment.

2.4.13 Aparença del focus — nivell AA

Els indicadors de focus del teclat han de complir uns llindars mínims de mida i contrast:

L’àrea de l’indicador de focus ha de ser com a mínim tan gran com un perímetre de 2 píxels CSS al voltant del component
El contrast entre l’estat enfocat i el no enfocat ha de ser com a mínim de 3:1

Això va més enllà del criteri existent 2.4.7 (Focus visible), que només exigia que hi hagués algun indicador de focus.

Fallada habitual: un contorn puntejat prim d’1 px amb poc contrast compleix el 2.4.7 però incompleix el 2.4.13.

2.5.7 Moviments d’arrossegament — nivell AA

Qualsevol acció que requereixi arrossegar ha de ser assolible també amb un sol punter (toc o clic). Això serveix els usuaris amb discapacitats motrius que no poden controlar de manera fiable les operacions d’arrossegament.

Exemple: una llista ordenable ha d’oferir una alternativa (com ara botons de pujar/baixar) per als usuaris que no poden arrossegar elements.

2.5.8 Mida de l’objectiu (mínima) — nivell AA

Els objectius interactius (botons, enllaços, controls de formulari) han de fer com a mínim 24×24 píxels CSS — o bé tenir prou separació respecte als objectius adjacents perquè l’àrea d’activació total assoleixi el llindar.

Aquesta és la versió mínima. El criteri millorat (2.5.5, heretat de la 2.1 al nivell AAA) recomana 44×44 px.

Fallades habituals: botons només amb icona, icones de tancar (×) i enllaços de text en línia dins de menús de navegació atapeïts.

3.2.6 Ajuda coherent — nivell A

Si un lloc web ofereix un mecanisme d’ajuda (número de telèfon, enllaç de xat, formulari de contacte, enllaç a preguntes freqüents), ha d’aparèixer en la mateixa posició relativa a totes les pàgines on hi sigui present. Els usuaris amb discapacitats cognitives sovint depenen d’una ubicació previsible.

3.3.7 Entrada redundant — nivell A

La informació que un usuari ja ha facilitat en la mateixa sessió no se li pot tornar a demanar — tret que tornar-la a introduir sigui essencial (per exemple, un camp de confirmació de contrasenya) o que les dades siguin sensibles per motius de seguretat.

Exemple: un procés de compra de diversos passos no hauria de demanar l’adreça de facturació al pas 3 si l’usuari ja la va introduir al pas 1.

3.3.8 Autenticació accessible (mínima) — nivell AA

Els passos d’autenticació no poden dependre d’una prova de funció cognitiva — reconèixer objectes, transcriure caràcters o resoldre trencaclosques — tret que es proporcioni una alternativa o que la prova consisteixi a reconèixer contingut controlat per l’usuari (com ara una fotografia que l’usuari hagi pujat).

Fallades habituals: CAPTCHA que exigeixen identificar text distorsionat sense alternativa d’àudio, o reptes del tipus «clica totes les imatges amb semàfors».

3.3.9 Autenticació accessible (millorada) — nivell AAA

La versió millorada elimina fins i tot l’excepció per al contingut controlat per l’usuari. No es permet cap prova de funció cognitiva en el flux d’autenticació.

Què va eliminar WCAG 2.2: el 4.1.1 Anàlisi sintàctica

WCAG 2.1 incloïa el criteri 4.1.1 Anàlisi sintàctica (nivell A), que exigia un HTML ben format — ID d’element únics, etiquetes correctament imbricades i parells complets d’etiquetes d’obertura i tancament. Els navegadors moderns havien arribat a ser tan bons a corregir en silenci l’HTML mal format que aquest criteri va esdevenir impossible de mesurar a la pràctica.

A WCAG 2.2, el 4.1.1 Anàlisi sintàctica està marcat com a obsolet i es considera sempre satisfet. Ja no cal auditar-lo, tot i que escriure HTML net continua sent una bona pràctica.

Taula resum

Criteri	Nivell	Tema
2.4.11 Focus no ocult (mín.)	AA	Focus del teclat
2.4.12 Focus no ocult (millorat)	AAA	Focus del teclat
2.4.13 Aparença del focus	AA	Indicador de focus
2.5.7 Moviments d’arrossegament	AA	Entrada per punter
2.5.8 Mida de l’objectiu (mínima)	AA	Objectius tàctils
3.2.6 Ajuda coherent	A	Previsibilitat
3.3.7 Entrada redundant	A	Formularis
3.3.8 Autenticació accessible (mín.)	AA	Inici de sessió / CAPTCHA
3.3.9 Autenticació accessible (millorada)	AAA	Inici de sessió / CAPTCHA
~~4.1.1 Anàlisi sintàctica~~	A	Eliminat

Qui ha de fer el salt?

Pràcticament tothom. WCAG 2.2 és ara la referència de base que citen:

La Llei Europea d’Accessibilitat (EAA), en vigor des del juny del 2025
L’estàndard harmonitzat EN 301 549 (actualitzat per referenciar WCAG 2.2)
El reglament britànic d’accessibilitat per als organismes del sector públic (orientació actualitzada)
Nombroses lleis estatals dels EUA i posicions informals d’aplicació del Departament de Justícia

Si la teva última auditoria completa va ser contra WCAG 2.1 AA, concentra l’esforç d’actualització en aquests cinc criteris que afecten la majoria de llocs: 2.4.11, 2.4.13, 2.5.8, 3.3.8 i 3.3.7 (si tens formularis o processos de compra de diversos passos).

Com auditar els criteris nous

La majoria d’escàners automatitzats ja detecten el 2.5.8 (mida de l’objectiu) i casos parcials del 2.4.13 (aparença del focus). Tanmateix, els següents requereixen proves manuals:

2.4.11 / 2.4.12 — tabula per cada pàgina amb les capçaleres i els peus fixos actius i confirma que els elements enfocats són visibles
2.4.13 — mesura les dimensions i el contrast de l’indicador de focus amb les DevTools del navegador o un comprovador de contrast
2.5.7 — identifica cada interacció d’arrossegament i verifica que existeix una alternativa només amb punter
3.2.6 — comprova que els enllaços d’ajuda apareixen en posicions coherents a totes les pàgines
3.3.7 — recorre tots els fluxos de diversos passos i confirma que no es demana cap dada dues vegades
3.3.8 — prova cada pas d’inici de sessió, registre i verificació per detectar proves de funció cognitiva

WCAG 2.2 no és un redisseny complet — és un conjunt d’addicions concretes que aborden barreres reals que la 2.1 no cobria. La bona notícia és que la majoria dels criteris AA nous es poden resoldre amb una feina d’esmena focalitzada en lloc d’una reconstrucció completa del lloc.

Relacionat: Com fer que el teu lloc web compleixi WCAG 2.2 · Guia d’auditories manuals d’accessibilitat