A les lliçons anteriors hem vist que gairebé totes les lleis d'accessibilitat del món remeten a un mateix estàndard tècnic: WCAG. Ha arribat el moment d'obrir-lo i entendre com està construït per dins. En aquesta lliçó coneixeràs què és WCAG i qui el publica, la seva estructura jeràrquica (els 4 principis POUR → pautes → criteris de conformitat → tècniques), els tres nivells de conformitat A / AA / AAA i per què AA és l'objectiu habitual, les diferències entre les versions 2.0, 2.1 i 2.2 (i què serà WCAG 3.0), i com llegir la nomenclatura d'un criteri com el famós "1.1.1". Amb això tanquem el mòdul introductori: tindràs el mapa mental complet per endinsar-te en els detalls a partir del mòdul següent.

Contingut

  1. Què és WCAG i qui el publica
  2. L'estructura jeràrquica: principis → pautes → criteris → tècniques
  3. Els nivells de conformitat A, AA i AAA
  4. Versions de WCAG: 2.0, 2.1, 2.2 i el futur 3.0
  5. Com llegir un criteri de conformitat (nomenclatura 1.1.1)

  1. Què és WCAG i qui el publica

WCAG són les sigles de Web Content Accessibility Guidelines ("Pautes d'Accessibilitat per al Contingut Web"). És l'estàndard internacional que defineix, de manera concreta i verificable, què ha de complir un contingut web per ser accessible.

El publica el W3C (World Wide Web Consortium), l'organisme que estandarditza la web, a través de la seva iniciativa WAI (Web Accessibility Initiative). Que sigui un estàndard del W3C —i no d'un fabricant— és el que li dona autoritat universal i explica per què les lleis l'adopten com a referència (ho vam veure a la lliçó 01-03).

La idea central de WCAG és transformar un concepte abstracte ("que sigui accessible") en una llista de requisits comprovables (els criteris de conformitat). Així, l'accessibilitat deixa de ser una opinió i passa a poder auditar-se: o compleixes un criteri o no el compleixes.

  1. L'estructura jeràrquica: principis → pautes → criteris → tècniques

WCAG s'organitza com un arbre de quatre nivells. Comprendre aquesta jerarquia és el més important de la lliçó, perquè és l'"esquelet" del qual penja tota la resta.

graph TD
    A["4 Principis (POUR)"] --> B["Pautes (Guidelines)"]
    B --> C["Criteris de Conformitat (Success Criteria)"]
    C --> D["Tècniques (Techniques)"]
    A -. "Perceptible · Operable · Comprensible · Robust" .- A1[" "]
    B -. "Objectius generals, p. ex. Alternatives textuals" .- B1[" "]
    C -. "Requisits verificables amb nivell A/AA/AAA (1.1.1)" .- C1[" "]
    D -. "Com complir-los: HTML, ARIA, CSS..." .- D1[" "]

Nivell a nivell:

  • Principis (4). Són els fonaments, resumits en l'acrònim POUR: Perceptible, Operable, Understandable (Comprensible) i Robust. Tot criteri pertany a un d'ells. En aquesta lliçó els fem servir només com a marc estructural; es desenvolupen en profunditat al mòdul 3.
  • Pautes (Guidelines). Sota cada principi hi ha pautes: objectius generals, no verificables per si mateixos. Exemple: sota Perceptible hi ha la pauta 1.1 "Alternatives textuals".
  • Criteris de Conformitat (Success Criteria). És el cor pràctic de WCAG: requisits concrets i comprovables, cadascun amb un nivell (A, AA o AAA). Quan algú diu "el lloc compleix WCAG AA", es refereix al fet que satisfà tots els criteris de nivell A i AA. Exemple: el criteri 1.1.1 "Contingut no textual".
  • Tècniques (Techniques). Són exemples orientatius de com complir un criteri (fer servir alt, aplicar un rol ARIA, etc.). No són obligatòries: pots complir un criteri amb una altra tècnica. Són consells d'implementació, i les veurem aplicades als mòduls 4 i 5.

Un matís clau per a principiants: el que audites i el que la llei exigeix són els criteris, no les tècniques. Les tècniques et diuen "una manera d'aconseguir-ho"; el criteri et diu "què cal aconseguir".

  1. Els nivells de conformitat A, AA i AAA

Cada criteri de conformitat està etiquetat amb un de tres nivells, que expressen com d'exigent i imprescindible és. Són acumulatius: AA inclou tot A, i AAA inclou tot A i AA.

Nivell Què representa Exemples il·lustratius d'exigència Objectiu típic?
A Mínim imprescindible. Sense això, hi ha grups que directament no poden fer servir el contingut. Que les imatges tinguin alternativa textual; que tot funcioni amb teclat. Insuficient per si sol.
AA Nivell d'accessibilitat raonable i esperat. Elimina barreres importants sense exigir l'extrem. Contrast de text suficient (p. ex. ràtio 4.5:1); subtítols en vídeos pregravats. Sí: és l'objectiu estàndard.
AAA Nivell més alt. Desitjable, però sovint no abastable per a tot un lloc. Contrast reforçat (7:1); llengua de signes per a tot el vídeo pregravat. Només per a parts o llocs molt especialitzats.

Per què AA és l'objectiu habitual?

Per dues raons que ja has vist apuntar a la lliçó 01-03:

  1. És el que exigeix la llei. Pràcticament totes les normatives (EN 301 549, EAA, RD 1112/2018, Section 508…) demanen nivell AA.
  2. És l'equilibri assenyat. El nivell A deixa fora massa gent; l'AAA és tan estricte que el mateix W3C reconeix que "no es recomana exigir-lo com a política general per a llocs sencers" (alguns criteris AAA són incompatibles amb certs tipus de contingut). AA és el punt en què s'elimina la gran majoria de barreres amb un esforç assumible.

Per a Cursalia, per tant, la meta que fixarem en tot el curs és WCAG 2.1 nivell AA, aspirant puntualment a criteris AAA on sigui fàcil i aporti valor (per exemple, més contrast del mínim a la paleta de marca).

  1. Versions de WCAG: 2.0, 2.1, 2.2 i el futur 3.0

WCAG ha anat evolucionant. El tranquil·litzador és que les versions 2.x són retrocompatibles: cada nova versió afegeix criteris, no n'elimina els anteriors. Si compleixes 2.2, compleixes 2.1 i 2.0.

Versió Any (aprox.) Què va aportar a grans trets
WCAG 2.0 2008 La base moderna: va introduir els principis POUR i el model de criteris A/AA/AAA. Continua sent el nucli.
WCAG 2.1 2018 Va afegir criteris per a mòbil/tàctil, baixa visió i discapacitats cognitives (p. ex. orientació de pantalla, mida dels objectius tàctils, contingut en rebre focus/hover). És la versió que exigeix la majoria de lleis avui.
WCAG 2.2 2023 Va afegir més criteris de focus visible mínim, objectius tàctils, ajuda consistent i autenticació accessible. Superconjunt de 2.1.
WCAG 3.0 Futur (esborrany) Reescriptura de fons: nou model de puntuació (no només "compleix/no compleix"), una altra nomenclatura. Encara en desenvolupament, no usable per a conformitat.

Com a referència pràctica: avui, apunta a WCAG 2.1 AA (el que demanen les lleis vigents) i, si pots, incorpora les novetats de 2.2. WCAG 3.0 és el futur i encara no s'ha de fer servir com a objectiu de compliment; en parlarem d'ell i d'altres tendències al mòdul 7.

  1. Com llegir un criteri de conformitat (nomenclatura 1.1.1)

Els criteris s'identifiquen amb tres números separats per punts, i aquest codi és un "GPS" dins de la jerarquia. Prenguem el més famós, el 1.1.1 "Contingut no textual":

Criteri 1.1.1  →  Contingut no textual  (Nivell A)
        │ │ │
        │ │ └── Criteri núm. 1 dins de la pauta
        │ └──── Pauta núm. 1 dins del principi
        └────── Principi núm. 1  (1 = Perceptible)

És a dir:

  • El primer número és el principi: 1 = Perceptible, 2 = Operable, 3 = Comprensible, 4 = Robust.
  • El segon número és la pauta dins d'aquest principi (1.1 = "Alternatives textuals").
  • El tercer número és el criteri concret dins d'aquesta pauta.
  • A banda, cada criteri porta el seu nivell (A / AA / AAA).

Alguns exemples que et trobaràs una vegada i una altra al llarg del curs, perquè la nomenclatura et resulti familiar:

Criteri Nom Principi Nivell
1.1.1 Contingut no textual (text alternatiu) 1 · Perceptible A
1.4.3 Contrast (mínim) 1 · Perceptible AA
2.1.1 Teclat 2 · Operable A
2.4.7 Focus visible 2 · Operable AA
3.3.2 Etiquetes o instruccions (formularis) 3 · Comprensible A
4.1.2 Nom, funció, valor (ARIA) 4 · Robust A

Amb només mirar el número ja saps de quina "família" és un requisit. Per exemple, quan al mòdul 4 auditem el formulari de matrícula de Cursalia i parlem del criteri 3.3.2, el "3" et dirà a l'instant que és una qüestió de comprensió (etiquetes i instruccions clares), no de percepció ni de robustesa.

Errors Comuns i Consells

  • Confondre criteris amb tècniques. L'obligatori i auditable són els criteris; les tècniques són només una manera de complir-los. No estàs lligat a una tècnica concreta.
  • Aspirar a AAA per a tot el lloc. Sol ser inabastable i no ho demana gairebé cap llei. L'objectiu és AA; fes servir AAA de manera puntual i voluntària.
  • Pensar que les versions se substitueixen. No: 2.1 i 2.2 afegeixen criteris sobre 2.0. Complir la més nova implica complir les anteriors.
  • Fer servir WCAG 3.0 com a objectiu avui. Encara és un esborrany; no serveix per declarar conformitat.
  • Consell: memoritza que el primer dígit del criteri = principi POUR (1-P, 2-O, 3-U, 4-R). És la manera més ràpida d'orientar-te en llegir un informe d'accessibilitat (que aprendràs a interpretar al mòdul 6).

Exercicis

Exercici 1. Ordena de major a menor jerarquia aquests quatre elements de WCAG i defineix cadascun en una frase: criteri de conformitat, principi, tècnica, pauta.

Exercici 2. Donat el criteri 2.1.1 "Teclat" (Nivell A), respon: (a) a quin principi POUR pertany? (b) què significa el seu nivell A? (c) per què creus que el requisit "que tot funcioni amb teclat" és de nivell A i no AAA?

Exercici 3. L'equip de Cursalia diu: "Certificarem tota la plataforma en WCAG 3.0 AAA per anar sobre segur". Assenyala dos problemes d'aquesta afirmació.

Solucions

Solució 1. De major a menor: Principi (un dels 4 fonaments POUR) → Pauta (objectiu general no verificable dins d'un principi) → Criteri de conformitat (requisit concret i comprovable, amb nivell A/AA/AAA) → Tècnica (manera orientativa i no obligatòria de complir un criteri).

Solució 2. (a) Pertany al principi 2 · Operable (ho indica el primer dígit). (b) Nivell A = requisit mínim imprescindible; sense ell, hi ha usuaris que directament no poden fer servir el contingut. (c) Perquè qui no pot fer servir el ratolí (per discapacitat motriu) quedaria completament exclòs si una cosa només funciona amb clic: és una barrera total, no un refinament, i per això se situa al nivell més bàsic (A).

Solució 3. Dos problemes: (1) WCAG 3.0 encara és un esborrany i no es pot fer servir per declarar conformitat; la referència vigent és WCAG 2.1 (o 2.2) AA. (2) El nivell AAA no es recomana com a objectiu per a un lloc sencer (el mateix W3C ho desaconsella) i sol ser inabastable; l'exigible i assenyat és AA.

Conclusió

Hem obert WCAG i hem comprès la seva anatomia: és l'estàndard del W3C/WAI que converteix "ser accessible" en criteris verificables, organitzats en una jerarquia de 4 principis POUR → pautes → criteris → tècniques. Sabem que existeixen tres nivells (A, AA, AAA) i per què AA és l'objectiu habitual —el que fixem per a Cursalia—, distingim les versions 2.0/2.1/2.2 (amb 3.0 a l'horitzó) i ja sabem llegir la nomenclatura d'un criteri com 1.1.1, el primer dígit del qual ens revela a quin principi pertany.

Amb això tanquem el Mòdul 1: Introducció a l'Accessibilitat Web. Ja tens el mapa complet: què és l'accessibilitat, per què importa, quines lleis l'exigeixen i com s'estructura l'estàndard que les sustenta. Tanmateix, per aplicar bé WCAG cal un pas previ imprescindible: entendre les persones per a les quals dissenyem. Al Mòdul 2: Comprensió de Discapacitats i Tecnologies d'Assistència coneixerem els tipus de discapacitat, les tecnologies d'assistència (com els lectors de pantalla) i com les persones amb discapacitat fan servir realment la web. Aquest coneixement donarà sentit i propòsit a cada criteri tècnic que implementem després.

© Copyright 2026. Tots els drets reservats