Addaw, anar a la pàgina d'inici Donar

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:

  1. Què es perd i per a qui? Informació (perceptible), capacitat de fer funcionar la interfície (operable), comprensió o compatibilitat.
  2. Quin criteri descriu exactament aquesta pèrdua? Aquest és el principal: aquell el text del qual, llegit literalment, no es satisfà.
  3. 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ó observadaCriteri que corresponAmb quin es confon i per què no ho és
L'indicador de focus s'ha eliminat amb outline: none i no hi ha substitut2.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 fons1.4.11 Contrast no textualEl 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 fixa2.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és1.3.2 Seqüència significativaEl 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 text1.4.1 Ús del colorL'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 teclat2.5.7 Moviments d'arrossegamentEl 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 fletxes2.5.1 Gestos del punterEl 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 horitzontal1.4.4 i 1.4.10, com a troballes separadesSón proves i configuracions diferents; cada fallada es registra amb la seva
La sessió caduca sense avís / el carrusel no té pausa2.2.1 Temps ajustable / 2.2.2 Posar en pausa, aturar, amagarEl 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 diu1.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 buit1.1.1 i 1.4.5Só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 €)