Lliçó 7 de 10 · 14 min de lectura · Revisada el 26/10/2026
De la regla al criteri: correspondències entre regles automàtiques, WCAG 2.2 i EN 301 549
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 4 (49 €)Una eina parla en regles (color-contrast, label, link-name); un informe d'auditoria parla en criteris de conformitat («1.4.3 Contrast (mínim)», «4.1.2 Nom, funció i valor») i, en el sector públic espanyol, en clàusules de l'EN 301 549 (PDF, s'obre en una finestra nova). Traduir d'un idioma a l'altre no és immediat. Aquesta lliçó et dona les correspondències de les regles més freqüents, el que cadascuna deixa pendent i com passar-les a l'EN 301 549.
Una relació asimètrica
La relació entre regla i criteri té quatre formes habituals:
- Una regla, un criteri:
document-titlees correspon amb el 2.4.2 Pàgina titulada. - Una regla, diversos criteris:
link-nameestà etiquetada amb el 2.4.4 Propòsit dels enllaços (en context) i el 4.1.2 Nom, funció i valor. - Un criteri, moltes regles: l'1.3.1 Informació i relacions rep resultats de
list,listitem,th-has-data-cells,td-headers-attr,aria-required-childreni d'altres. - Un criteri, cap regla: el 2.4.3 Ordre del focus, el 3.3.3 Suggeriments davant d'errors i molts més.
Punt clau
La relació és asimètrica. Una violació automàtica verificada és suficient perquè la pàgina incompleixi el criteri associat. Una regla que passa no és suficient perquè la pàgina el compleixi: només indica que no s'ha trobat aquest tipus concret de fallada. Per això l'informe mai no diu «compleix l'1.1.1 segons axe».
Correspondències de les regles més freqüents
La taula recull regles d'axe-core molt habituals en les auditories, el criteri WCAG 2.2 amb què estan etiquetades i el que queda per comprovar a mà per donar el criteri per avaluat.
| Regla | Criteri WCAG 2.2 | Què queda per comprovar a mà |
|---|---|---|
image-alt, role-img-alt, svg-img-alt | 1.1.1 Contingut no textual | Que el text alternatiu sigui equivalent, que les decoratives tinguin alt="" i que les informatives no el tinguin buit |
color-contrast | 1.4.3 Contrast (mínim) | Text sobre imatges o degradats, estats de focus i pas del punter, text dins d'imatges i tot el que està marcat com a «necessita revisió» |
link-in-text-block | 1.4.1 Ús del color | Altres usos del color: gràfics, camps amb error, estats seleccionats, camps obligatoris |
label, select-name | 4.1.2 Nom, funció i valor | Que l'etiqueta sigui descriptiva (2.4.6), que hi hagi etiqueta o instruccions visibles (3.3.2) i que el nom contingui el text visible (2.5.3) |
button-name, input-button-name | 4.1.2 Nom, funció i valor | Que el nom descrigui l'acció i coincideixi amb el text visible |
link-name | 2.4.4 Propòsit dels enllaços (en context) i 4.1.2 | Que el text de l'enllaç, amb el seu context, n'expliqui la destinació |
html-has-lang, html-lang-valid | 3.1.1 Idioma de la pàgina | Que l'idioma declarat sigui el real del contingut |
valid-lang | 3.1.2 Idioma de les parts | Fragments en un altre idioma sense marcar (la regla només valida els que ja tenen lang) |
document-title | 2.4.2 Pàgina titulada | Que el títol descrigui el tema o el propòsit i que canviï a cada vista d'una aplicació d'una sola pàgina |
list, listitem, th-has-data-cells, td-headers-attr | 1.3.1 Informació i relacions | Encapçalaments falsos (paràgrafs en negreta), taules fetes amb div, grups d'opcions sense fieldset, relacions només visuals |
aria-allowed-attr, aria-valid-attr-value, aria-hidden-focus, nested-interactive | 4.1.2 Nom, funció i valor | Que els estats (aria-expanded, aria-selected) s'actualitzin en interactuar |
autocomplete-valid | 1.3.5 Identificació del propòsit de l'entrada | Que els camps de dades personals portin autocomplete: la regla només valida els que ja el tenen |
bypass | 2.4.1 Evitar blocs | Que el mecanisme funcioni; la regla es dona per satisfeta si existeix un encapçalament, un landmark o un enllaç intern |
meta-viewport | 1.4.4 Canvi de mida del text | Ampliació al 200 % sense pèrdua de contingut ni de funcions |
scrollable-region-focusable | 2.1.1 Teclat | Tota la resta del 2.1.1: cada funció operable amb teclat |
target-size | 2.5.8 Mida de l'objectiu (mínim) | Excepcions (espaiat, equivalent, en línia, control de l'agent d'usuari, essencial) i objectius que el motor no reconeix com a interactius |
video-caption | 1.2.2 Subtítols (enregistrat) | Que els subtítols existeixin de debò, siguin complets i estiguin sincronitzats, també en reproductors de tercers |
Tingues present que les etiquetes d'una regla poden canviar entre versions del motor i que una regla pot estar associada a criteris AAA (per exemple, color-contrast-enhanced amb l'1.4.6 Contrast (millorat) o identical-links-same-purpose amb el 2.4.9 Propòsit dels enllaços (només l'enllaç)). Si el teu abast és AA, aquests resultats no són incompliments.
Criteris sense regla automàtica
Per als criteris següents de nivell A i AA els motors habituals no tenen regles, o només en tenen que cobreixen un cas molt particular. La seva avaluació és totalment manual i és on solen ser les fallades més greus:
- Perceptible: 1.2.3 Audiodescripció o alternativa multimèdia (enregistrat), 1.2.4 Subtítols (en directe), 1.2.5 Audiodescripció (enregistrat), 1.3.2 Seqüència significativa, 1.3.3 Característiques sensorials, 1.4.5 Imatges de text, 1.4.10 Reajustament dels elements, 1.4.13 Contingut en passar el cursor o en rebre el focus.
- Operable: 2.1.2 Sense paranys per al focus del teclat, 2.1.4 Dreceres de teclat (d'un sol caràcter), 2.2.2 Posar en pausa, aturar, amagar (excepte els obsolets
blinkimarquee), 2.4.3 Ordre del focus, 2.4.5 Múltiples vies, 2.4.6 Encapçalaments i etiquetes, 2.4.7 Focus visible, 2.4.11 Focus no ocult (mínim), 2.5.1 Gestos del punter, 2.5.2 Cancel·lació del punter, 2.5.4 Activació per moviment i 2.5.7 Moviments d'arrossegament. - Comprensible: 3.2.1 En rebre el focus, 3.2.2 En introduir dades, 3.2.3 Navegació coherent, 3.2.4 Identificació coherent, 3.2.6 Ajuda coherent, 3.3.1 Identificació d'errors, 3.3.3 Suggeriments davant d'errors, 3.3.4 Prevenció d'errors (legals, financers, dades), 3.3.7 Entrada redundant i 3.3.8 Autenticació accessible (mínim).
- Robust: 4.1.3 Missatges d'estat.
Les bones pràctiques: quan es converteixen en troballa
Les regles etiquetades com a best-practice (heading-order, empty-heading, page-has-heading-one, landmark-one-main, region, skip-link, tabindex) no tenen criteri associat i, com vam veure a la lliçó de falsos positius, s'informen com a recomanacions. Però de vegades són el símptoma visible d'un incompliment real que només la revisió manual pot confirmar:
tabindex(valors positius) és una bona pràctica… fins que comproves que desordena el recorregut i llavors és una fallada del 2.4.3 Ordre del focus.skip-linkavisa que la destinació de l'enllaç de salt no existeix: si no hi ha cap altre mecanisme, el problema és del 2.4.1 Evitar blocs.empty-headingpot amagar un títol de secció que només es veu com a imatge de fons: la fallada és de l'1.3.1 o de l'1.1.1.
La troballa s'informa amb el criteri que has comprovat tu, no amb la regla que t'ha donat la pista.
Error freqüent
Copiar l'etiqueta de l'eina sense pensar. La regla label està associada al 4.1.2, però l'auditor afegeix d'ofici el 3.3.2 Etiquetes o instruccions a tots els camps que fallen, encara que molts tinguin un text visible a sobre que simplement no està associat. En aquest cas hi ha instrucció visible (el 3.3.2 es compleix) i falta l'associació programàtica (fallen l'1.3.1 i el 4.1.2). Cada criteri es decideix pel que demana el seu text, no per arrossegament.
Traduir a l'EN 301 549 v3.2.1
El RD 1112/2018 (PDF, s'obre en una finestra nova) remet a la norma harmonitzada, l'EN 301 549 (UNE-EN 301 549 a Espanya). Per a contingut web, la seva clàusula 9 reprodueix els criteris A i AA de les WCAG 2.1 amb una numeració molt senzilla: «9.» seguit del número del criteri. Així, l'1.4.3 Contrast (mínim) és la clàusula 9.1.4.3 i el 4.1.2 és la 9.4.1.2. Tres matisos importants:
- Criteris nous de les WCAG 2.2. La v3.2.1 remet a les WCAG 2.1, així que el 2.4.11, el 2.5.7, el 2.5.8, el 3.2.6, el 3.3.7 i el 3.3.8 no tenen clàusula. Si audites amb referència a les WCAG 2.2 i l'EN, informa-hi com a requisits de les WCAG 2.2 sense equivalència a la v3.2.1. La nova v4.1.1 (setembre del 2026), que incorpora les WCAG 2.2, està pendent de citació al DOUE; fins aleshores, la referència harmonitzada continua sent la v3.2.1. Una violació de
target-sizeno és una «9.2.5.8». - 4.1.1 Processament. Continua figurant a la v3.2.1 com a clàusula 9.4.1.1. La fe d'errates del W3C publicada el 2023 indica que en HTML i XML es considera sempre satisfet; documenta a la metodologia el criteri que adoptes.
- Contingut no web. Els PDF descarregables s'avaluen amb la clàusula 10 (documents) i les aplicacions natives amb l'11 (programari); les extensions de navegador no els analitzen, i s'estudien al nivell 6.
Exemple
Així queda una troballa d'origen automàtic, ja verificada i traduïda:
H-07 · Plantilla «Fitxa de tràmit» (totes les fitxes)
Criteri: 4.1.2 Nom, funció i valor (A)
EN 301 549 v3.2.1: 9.4.1.2
Origen: regla button-name (axe-core, versió a la fitxa d'execució);
verificat al panell Accessibility i amb NVDA
Descripció: el botó de descàrrega del model és una icona SVG sense
nom; NVDA anuncia «botó» sense res més.
Correcció: afegir text visible «Descarregar el model» o, si el disseny
no ho admet, aria-label amb aquest text.Prova-ho tu
Analitza una pàgina amb axe DevTools i tria cinc violacions. Per a cadascuna escriu: el criteri amb número i nom, la seva clàusula de l'EN 301 549 (si existeix) i una frase amb el que hauries de comprovar a mà per donar el criteri per avaluat. Si alguna resulta ser de bones pràctiques, anota què hauria de passar perquè fos un incompliment.
Resum
- Regla i criteri no es corresponen un a un: hi ha regles amb diversos criteris, criteris amb moltes regles i molts criteris sense cap.
- Una violació verificada és suficient per incomplir el criteri; una regla que passa no és suficient per complir-lo.
- Per a cada regla freqüent hi ha una comprovació manual que completa el criteri: significat, estats, excepcions i casos no detectats.
- Les bones pràctiques són pistes: es converteixen en troballa només quan la revisió manual confirma un criteri concret.
- A l'EN 301 549 v3.2.1 la clàusula web és «9.» més el número WCAG 2.1; els criteris nous de la 2.2 no tenen clàusula equivalent.
Portes 6 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 4 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 4 (49 €)