Lliçó 8 de 10 · 12 min de lectura · Revisada el 26/10/2026
Una troballa, diversos criteris: relacions i confusions freqüents
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 una barrera és la meitat de la feina; l'altra meitat és assignar-la al criteri correcte. Una troballa mal classificada genera discussions amb el client, duplica fallades a l'informe, distorsiona les estadístiques per criteri i, de vegades, fa que la correcció s'adreci al lloc equivocat. A les lliçons anteriors van aparèixer avisos solts sobre classificació; aquesta lliçó els ordena en un mètode i en una taula de les confusions que més es repeteixen entre els criteris de Perceptible i Operable.
Criteri principal i criteris secundaris
Un mateix defecte pot incomplir diversos criteris, perquè cadascun protegeix una necessitat diferent. Per classificar sense inflar ni quedar-te curt, segueix tres preguntes:
- Què es perd i per a qui? Informació (perceptible), capacitat de fer funcionar la interfície (operable), comprensió o compatibilitat.
- Quin criteri descriu exactament aquesta pèrdua? Aquest és el principal: aquell el text del qual, llegit literalment, no es satisfà.
- Incompleix a més un altre criteri per si mateix? Només si el text d'aquest altre criteri tampoc no se satisfà de manera independent; aleshores és secundari i se cita a la mateixa troballa.
Exemple
El logotip enllaçat a la portada és una imatge sense atribut alt i sense cap altre text dins de l'enllaç. Perd la informació de la imatge (1.1.1, fallada F65), el propòsit de l'enllaç (2.4.4) i el nom accessible del component (4.1.2). El W3C recull aquesta combinació a la fallada documentada F89. Es registra una única troballa amb l'1.1.1 com a principal i el 2.4.4 i el 4.1.2 com a secundaris, i una sola correcció: alt="Ajuntament de Villaejemplo, ves a la pàgina d'inici".
Confusions freqüents entre criteris
La taula recull els parells que més es confonen en auditories de Perceptible i Operable. Llegeix-la per files: situació observada, criteri que correspon i per què no és l'altre.
| Situació observada | Criteri que correspon | Amb quin es confon i per què no ho és |
|---|---|---|
L'indicador de focus s'ha eliminat amb outline: none i no hi ha substitut | 2.4.7 Focus visible (F78) | L'1.4.11 mesura el contrast d'un indicador que existeix; si no hi ha indicador, la fallada és del 2.4.7 |
| Hi ha indicador de focus, però és una vora gris clar amb 1,5:1 respecte al fons | 1.4.11 Contrast no textual | El 2.4.7 es compleix (l'indicador existeix); el 2.4.13 Aparença del focus és AAA i no s'exigeix en una auditoria AA |
| L'element amb focus queda completament tapat per una capçalera fixa | 2.4.11 Focus no ocult (mínim) | El 2.4.7 tracta que l'indicador existeixi, no que res el tapi |
| El lector de pantalla llegeix la columna lateral abans que el contingut principal, encara que visualment va després | 1.3.2 Seqüència significativa | El 2.4.3 Ordre del focus només tracta el recorregut entre elements que reben el focus |
| Els enllaços d'un paràgraf només es distingeixen pel color, sense subratllat ni 3:1 respecte al text | 1.4.1 Ús del color | L'1.4.3 mesura el contrast de l'enllaç amb el fons, no amb el text que l'envolta |
El botó mostra «Cerca» i el seu aria-label és «Lupa» | 2.5.3 Etiqueta en el nom (F96) | El 4.1.2 es compleix perquè hi ha nom; el problema és que no conté l'etiqueta visible |
| El filtre de preu només es mou arrossegant, encara que funciona amb les fletxes del teclat | 2.5.7 Moviments d'arrossegament | El 2.1.1 està complert; el 2.5.7 demana una alternativa amb un sol punter sense arrossegament |
| Un carrusel tàctil només avança lliscant el dit, sense fletxes | 2.5.1 Gestos del punter | El lliscament és un gest basat en una trajectòria; el 2.5.7 es reserva per arrossegar un element i deixar-lo anar |
| Al 200 % el text dels botons es talla; a 320 px d'amplada la pàgina obliga a desplaçar-se en horitzontal | 1.4.4 i 1.4.10, com a troballes separades | Són proves i configuracions diferents; cada fallada es registra amb la seva |
| La sessió caduca sense avís / el carrusel no té pausa | 2.2.1 Temps ajustable / 2.2.2 Posar en pausa, aturar, amagar | El 2.2.1 tracta límits de temps per completar alguna cosa; el 2.2.2, contingut que es mou o s'actualitza sol |
| Un vídeo amb locució té subtítols, però mostra a la pantalla xifres que ningú no diu | 1.2.3 (A) i 1.2.5 (AA) | L'1.2.2 es compleix amb els subtítols; el que falta és la informació visual |
| Bàner promocional amb text incrustat a la imatge i alt buit | 1.1.1 i 1.4.5 | Són dues fallades: falta l'alternativa i es fa servir una imatge de text evitable |
Punt clau
Quan dubtis entre dos criteris, llegeix el text de tots dos i pregunta't quina correcció mínima resoldria la barrera i quin criteri passaria a complir-se amb ella. Si l'indicador de focus existeix però té 1,5:1, pujar-ne el contrast a 3:1 ho resol sense tocar res més: per això és l'1.4.11 i no el 2.4.7.
Nivell i versió del criteri
La classificació inclou el nivell i la versió, i tots dos tenen efectes a l'informe:
- AAA en una auditoria AA. 1.4.6 Contrast (millorat), 2.4.12 Focus no ocult (millorat), 2.4.13 Aparença del focus, 2.5.5 Mida de l'objectiu (millorat) o 2.3.3 Animació a partir d'interaccions no es registren com a incompliments si l'objectiu és AA. Els pots incloure en un apartat de recomanacions, clarament separats.
- Criteris nous de la 2.2. El 2.4.11, el 2.5.7 i el 2.5.8 són AA a les WCAG 2.2, però no són a l'EN 301 549 v3.2.1 (PDF, s'obre en una finestra nova). Si l'encàrrec és de conformitat amb l'RD 1112/2018 (PDF, s'obre en una finestra nova), indica'ls a part perquè el client sàpiga què és exigible avui en aquest marc i què és la referència més actual.
- Nivell A davant d'AA. Una fallada de nivell A (per exemple, 2.1.1) impedeix la conformitat en qualsevol nivell; una d'AA (1.4.3) només impedeix l'AA. No confonguis nivell amb gravetat: el contrast insuficient del text principal pot tenir més impacte que moltes fallades de nivell A.
Duplicitats i fallades globals
El mateix defecte en una plantilla apareix a totes les pàgines que la fan servir. Registrar-lo 40 vegades infla l'informe i amaga el que és important. És millor una troballa única marcada com a global, amb la llista de pàgines de la mostra on s'observa i una sola correcció al component. Només se separa per pàgina quan el defecte canvia (un altre text, un altre valor de contrast, un altre comportament).
També passa el contrari: agrupar com una sola fallada barreres que afecten persones diferents. Un tauler de tasques que només es reordena arrossegant i que tampoc no funciona amb teclat incompleix el 2.1.1 i el 2.5.7. Són dues troballes, perquè la correcció d'una (suport de teclat) no resol l'altra (botons «puja» i «baixa» per al punter).
Error freqüent
Fer servir l'1.3.1 Informació i relacions com a calaix de sastre per a tot el que és «estructural»: errors marcats només en vermell, ordre de lectura alterat, instruccions del tipus «el camp de l'esquerra». Cadascun té el seu criteri (1.4.1, 1.3.2 i 1.3.3). L'1.3.1 es reserva per a l'estructura i les relacions visuals que no són al codi.
Prova-ho tu
Classifica aquestes quatre situacions abans de tornar a mirar la taula: (1) una icona de tancament de 14 × 14 px sense cap altre control equivalent; (2) un submenú que apareix en passar el punter i no es tanca amb Escapada; (3) un avís «Gireu el mòbil per continuar» que bloqueja la pàgina; (4) un enllaç «Descarrega» el nom accessible del qual és «Botó». Respostes: 2.5.8; 1.4.13; 1.3.4; 2.5.3.
Resum
- Classifica amb tres preguntes: què es perd i per a qui, quin criteri descriu aquesta pèrdua i si un altre criteri s'incompleix per si mateix.
- Una sola troballa pot citar un criteri principal i diversos de secundaris, amb una única correcció.
- Parells que més es confonen: 2.4.7 i 1.4.11, 2.4.7 i 2.4.11, 1.3.2 i 2.4.3, 1.4.1 i 1.4.3, 2.5.3 i 4.1.2, 2.5.7 i 2.5.1 o 2.1.1.
- Els AAA no són incompliments en una auditoria AA, i els nous de la 2.2 s'identifiquen a part si el marc és l'EN 301 549 v3.2.1.
- Els defectes de plantilla es registren una vegada com a globals; les barreres diferents se separen encara que siguin al mateix component.
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 €)