Lliçó 8 de 10 · 12 min de lectura · Revisada el 26/10/2026
Diagnòstic diferencial: assignar cada fallada al criteri correcte
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 €)Detectar un problema és la meitat de la feina; l'altra meitat és assignar-lo al criteri correcte. Un camp sense etiqueta associada, un error que no s'anuncia o un focus que salta poden encaixar, a primera vista, en tres o quatre criteris diferents. Assignar-los malament té conseqüències: el client discuteix l'informe, l'equip de desenvolupament corregeix el que no calia, la reauditoria no troba la troballa i, si es confon un criteri A amb un d'AA o AAA, canvia el veredicte de conformitat. Aquesta lliçó et dona regles i una taula de diagnòstic diferencial per als criteris d'aquest curs i els seus veïns més habituals.
Quatre regles per classificar
- Parteix del text del criteri i de l'efecte en la persona, no de la tècnica que falta. Les tècniques suficients són maneres de complir, no requisits. Que falti
aria-describedbyno és un incompliment per si mateix; ho és que l'error no s'identifiqui (3.3.1) o que no s'anunciï quan hauria de fer-ho (4.1.3). - Un defecte pot incomplir diversos criteris. Registra'l a tots els que incompleixi, amb una sola descripció i referències creuades. Els mateixos documents de fallades del W3C ho fan: l'F89 assigna la imatge sense nom accessible que és l'únic contingut d'un enllaç al 2.4.4, el 2.4.9 i el 4.1.2; l'F55, l'script que treu el focus tan bon punt es rep, al 2.1.1, el 2.4.7 i el 3.2.1.
- Si hi ha un criteri específic, fes-lo servir. No converteixis l'1.3.1 o el 4.1.2 en un calaix de sastre: si l'etiqueta visible no coincideix amb el nom accessible, el criteri és el 2.5.3 Etiqueta en el nom; si una dada es demana dues vegades, el 3.3.7.
- Comprova el nivell abans de tancar. Una troballa del 3.2.5 o del 2.4.13 és AAA i, en una auditoria AA, va a recomanacions, com veuràs a la lliçó 9.
Recolza't en els documents de tècniques i fallades de les WCAG 2.2: les fallades documentades (F36 i F37 per al 3.2.2, F59 i F68 per al 4.1.2, F103 per al 4.1.3) donen solidesa al veredicte. Són informatives: que una situació no figuri com a fallada documentada no vol dir que compleixi.
Taula de diagnòstic diferencial
| Símptoma observat | Criteri correcte | No confondre amb |
|---|---|---|
Text visible al costat del camp, però sense label associat | 1.3.1 i 4.1.2 | 3.3.2 (l'etiqueta existeix i es veu) |
El camp només té placeholder com a instrucció | 3.3.2 | 4.1.2 si el placeholder ja dona nom |
| Botó «Cerca» el nom accessible del qual és «Envia la consulta» | 2.5.3 | 4.1.2 (sí que té nom) |
| Error marcat només amb una vora vermella | 3.3.1 i 1.4.1 | 4.1.3 |
| Error textual que apareix sense anunciar-se; el focus no es mou | 4.1.3 | 3.3.1, si el text ja identifica el camp |
| «Camp incorrecte» sense indicar com corregir-lo | 3.3.3 | 3.3.1 (que es compleix) |
| En rebre el focus, un camp obre un modal o envia el focus a un altre lloc | 3.2.1 | 2.4.3 |
| L'ordre de tabulació no segueix la lògica del contingut | 2.4.3 | 3.2.1 |
Un select navega en canviar d'opció | 3.2.2 | 3.2.1 |
| Un enllaç obre una pestanya nova sense avisar en activar-lo | Cap: l'inicia l'usuari; avisar és una bona pràctica | 3.2.2 |
| La mateixa icona es diu «Cerca» en una pàgina i «Ves» en una altra | 3.2.4 | 3.2.3 |
| El xat d'ajuda canvia de posició relativa entre pàgines | 3.2.6 | 3.2.3, tret que formi part de la navegació |
Un passatge en anglès sense lang en una pàgina en castellà | 3.1.2 | 3.1.1 |
id duplicat que trenca un label for | 1.3.1 i 4.1.2 | 4.1.1 (eliminat) |
| Contrasenya amb l'enganxament bloquejat | 3.3.8 | 3.3.7 |
Punt clau
Abans d'assignar un criteri, formula la troballa com una frase amb el text del criteri: «l'error no s'identifica en text» (3.3.1), «el missatge d'estat no es pot determinar programàticament» (4.1.3), «canviar el valor provoca un canvi de context sense avís» (3.2.2). Si la frase no descriu el que has vist, el criteri no és aquest.
Casos que exigeixen pensar
El resum d'errors que rep el focus
En enviar, apareix a dalt un resum amb enllaços a cada camp erroni i el focus s'hi mou. El 4.1.3 no s'aplica, perquè el missatge rep el focus i el lector ja el llegeix. Avalua el 3.3.1 (cada error identificat i descrit), el 3.3.3 (suggeriments) i el 2.4.3 (el focus va a un lloc lògic). Si el resum té role="alert" a més de rebre el focus, alguns lectors el llegiran dues vegades: és una molèstia que pots recomanar corregir, no un incompliment.
Filtres que s'apliquen en marcar una casella
En un catàleg, marcar «Disponible a la botiga» actualitza el llistat sense botó «Aplica». Si el focus es manté a la casella i la pàgina conserva el seu propòsit, la majoria d'avaluadors ho tracten com un canvi de contingut: no incompleix el 3.2.2, però el nou recompte de resultats s'ha d'anunciar (4.1.3). Si marcar la casella recarrega la pàgina i porta el focus al principi, sí que hi ha un canvi de context sense avís, i aleshores s'aplica el 3.2.2. Descriu a la troballa quina de les dues situacions has observat.
La sessió que caduca a mig tràmit
Després de vint minuts emplenant una sol·licitud, la seu tanca la sessió sense avisar i es perden les dades. No és el 3.3.7 (no es demanen dades repetides dins del procés) ni el 3.3.4. El criteri és el 2.2.1 Temps ajustable (A), que exigeix avisar i permetre ampliar el temps tret d'excepcions. La pèrdua de dades en tornar a identificar-se és el 2.2.5 Reautenticació, de nivell AAA: recomanació.
Un giny de tercers sense nom ni rol
El botó flotant del xat d'un proveïdor extern és un div sense rol ni nom. Incompleix el 4.1.2 (i probablement el 2.1.1) a totes les pàgines on apareix, encara que el codi no sigui del client: el contingut de tercers inclòs a la pàgina en forma part. Registra'l una vegada com a troballa global, indica que prové d'un tercer i fes la llista de les pàgines afectades.
Com redactar una troballa amb diversos criteris
Exemple
«H-12. L'interruptor «Rep avisos per correu» de l'àrea personal és un span amb un gestor de clic. A l'arbre d'accessibilitat apareix com a text genèric, sense estat; no rep el focus amb Tab i no es pot activar amb teclat. Criteris: 4.1.2 Nom, funció i valor (A), per falta de rol i estat; 2.1.1 Teclat (A), perquè no és operable. Correcció única: substituir-lo per un <button role="switch" aria-checked="false"> amb la seva etiqueta, o per una casella nativa, que resol tots dos criteris.»
Aquest format evita duplicar la troballa al pla de correcció i deixa clar a l'equip tècnic que una sola intervenció tanca dos incompliments. Al curs sobre l'informe d'auditoria veuràs com prioritzar-la.
Error freqüent
Triar el criteri per l'eina que va detectar el problema. Les regles automàtiques assignen criteris de manera orientativa i de vegades discutible; el veredicte és teu. Verifica sempre l'assignació amb el text del criteri i el seu document Understanding.
Prova-ho tu
Sense mirar la taula, classifica aquests cinc símptomes: (1) un botó d'icona de paperera sense nom; (2) el text «Desat» que apareix i desapareix sense anunciar-se; (3) un camp «Data» el format del qual només s'indica després de l'error; (4) el menú principal que canvia d'ordre al blog; (5) un codi de verificació que no admet enganxar. Després compara les teves respostes amb la taula i amb el text de cada criteri.
Resum
- Classifica pel text del criteri i l'efecte en la persona, no per la tècnica que falta ni per la regla de l'eina.
- Un defecte pot incomplir diversos criteris: una troballa, diverses referències i una correcció comuna.
- Fes servir el criteri específic quan existeixi (2.5.3, 3.3.7, 3.2.6) i comprova sempre el nivell abans de tancar.
- Els parells que més es confonen: l'1.3.1 davant del 3.3.2, el 3.3.1 davant del 4.1.3, el 3.2.1 davant del 2.4.3, el 3.2.3 davant del 3.2.4 i el 3.2.6, el 3.3.7 davant del 3.3.8.
- Les fallades documentades del W3C reforcen el veredicte, però no són una llista tancada.
Portes 9 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 €)