El vocabulari de les WCAG: termes del glossari que canvien un criteri

A la lliçó anterior vas veure que llegir un criteri exigeix parar atenció a les excepcions. Hi ha una segona capa de lletra petita que sol passar desapercebuda: moltes paraules dels criteris, com ara «mecanisme», «canvi de context» o «essencial», apareixen enllaçades a l'estàndard perquè tenen una definició precisa al glossari. Aquesta definició no és una ajuda opcional: decideix si una cosa compleix o no. En aquesta lliçó repassem els termes que més canvien la lectura dels criteris A i AA.

Per què el glossari importa tant

El glossari forma part del text normatiu de les WCAG 2.2, igual que els criteris. Quan un criteri fa servir una paraula definida, cal llegir-la amb el significat del glossari, no amb el del diccionari. Per això dos professionals que llegeixen el mateix criteri poden arribar a conclusions diferents: un ha consultat la definició i l'altre no.

A la versió oficial en línia (glossari de WCAG 2.2), els termes definits apareixen com a enllaços dins del criteri. Prem cada terme enllaçat almenys la primera vegada que llegeixis un criteri.

De què parlem: pàgina, conjunt de pàgines i procés

Pàgina web: un recurs que s'obté d'una única adreça (URI) juntament amb tot el que es fa servir per mostrar-lo: imatges, fulls d'estil, scripts, vídeos incrustats. El glossari posa un exemple revelador: una aplicació de correu web que viu en una sola adreça i mostra la safata d'entrada, els contactes i el calendari es considera una sola pàgina web. Conseqüència pràctica: en una aplicació d'una sola pàgina (single page application, SPA, la que canvia de vista sense recarregar), tots els seus estats i vistes formen part d'aquesta «pàgina completa» que exigeix la conformitat.

Conjunt de pàgines web: pàgines que comparteixen un propòsit i que ha creat el mateix autor, grup o organització. És l'àmbit dels criteris de coherència: 2.4.5 Múltiples vies, 3.2.3 Navegació coherent, 3.2.4 Identificació coherent i 3.2.6 Ajuda coherent. El web d'un ajuntament és un conjunt; la seu electrònica gestionada amb una altra plataforma en pot ser un altre.

Procés: una sèrie d'accions de l'usuari en què cadascuna és necessària per completar una activitat, com ara demanar cita o pagar una taxa. És l'àmbit del requisit de processos complets i del 3.3.7 Entrada redundant.

Com arriba la informació: determinat per programari, nom i etiqueta

Determinat per programari (programmatically determined): que el programari ho pot obtenir a partir del que l'autor ha posat al codi, de manera que els navegadors i les tecnologies de suport ho puguin extreure i presentar d'una altra manera (veu, braille, una altra maquetació). Ho exigeixen, entre d'altres, l'1.3.1, l'1.3.5, el 3.1.1, el 3.1.2 i el 4.1.2. Que una cosa «es vegi» no vol dir que estigui determinada per programari.

Etiqueta i nom no són el mateix. L'etiqueta és el text (o el component amb alternativa textual) que es mostra a la persona per identificar un control. El nom és el text amb què el programari identifica aquest control davant de l'usuari: el que anuncia el lector de pantalla. L'ideal és que coincideixin; el 2.5.3 Etiqueta en el nom exigeix, com a mínim, que el nom contingui el text visible, perquè qui fa servir el control per veu diu el que veu.

<!-- Incorrecte: l'etiqueta es veu, però no està associada (1.3.1, 4.1.2) -->
<span>Correu electrònic</span>
<input type="email">

<!-- Incorrecte: el nom no conté el text visible (2.5.3) -->
<button aria-label="Inicia la consulta">Cerca</button>

<!-- Correcte: etiqueta associada i nom igual al text visible -->
<label for="correo">Correu electrònic</label>
<input type="email" id="correo" autocomplete="email">
<button>Cerca</button>

Interfície de teclat: la interfície que fa servir el programari per rebre pulsacions de tecles. El 2.1.1 Teclat no parla del teclat físic, sinó d'aquesta interfície, que també fan servir els polsadors, els teclats en pantalla i molts programes de control per veu. Per això complir el 2.1.1 beneficia molta més gent que qui fa servir el teclat.

Termes que obren o tanquen excepcions

Essencial: una cosa és essencial si, en treure-la, canviaria de manera fonamental la informació o la funció del contingut, i no hi ha cap altra manera conforme d'aconseguir-la. És un llistó alt. Una signatura manuscrita escanejada és essencial com a imatge de text (1.4.5); un titular en imatge «perquè queda més bonic» no ho és. Un joc de piano en pantalla pot requerir una orientació concreta; un formulari de contacte, no (1.3.4).

Mecanisme: procés o tècnica per aconseguir un resultat. El glossari aclareix que el pot oferir el contingut mateix o el navegador i les tecnologies de suport. Per això l'1.4.4 Canvi de mida del text es pot complir amb el zoom del navegador, sempre que la pàgina no ho impedeixi. Però compte: el mecanisme també ha de complir els criteris del nivell declarat. Un botó de pausa per a un carrusel (2.2.2) que no es pot fer servir amb el teclat no serveix.

Text gran i píxel CSS: el primer fixa el llindar de l'1.4.3 Contrast (mínim) (18 punts, o 14 punts en negreta); el segon és la unitat de l'1.4.10 Reajustament dels elements (320 píxels CSS d'amplada) i del 2.5.8 Mida de l'objectiu (mínim) (24 per 24). Un píxel CSS no és un píxel físic de la pantalla: és una unitat de referència que el navegador escala segons la densitat de la pantalla i la distància de visió habitual, de manera que 24 píxels CSS tenen una mida aparent semblant en un mòbil d'alta densitat i en un monitor.

Comportament: canvi de context i missatge d'estat

Canvi de context: canvis importants que, si es produeixen sense que la persona ho esperi, la desorienten. El glossari els concreta: canvis d'agent d'usuari (s'obre una altra aplicació), de finestra (s'obre una pestanya nova), de focus (el focus salta sol a un altre lloc) o de contingut que canvia el significat de la pàgina (s'envia un formulari, es carrega una altra pàgina). I hi afegeix una nota clau: un canvi de contingut no sempre és un canvi de context. Desplegar un acordió o mostrar camps nous en marcar una casella canvia el contingut, però no el context, així que no incompleix el 3.2.1 ni el 3.2.2.

Missatge d'estat: un canvi de contingut que no és un canvi de context i que informa del resultat d'una acció («Afegit a la cistella»), d'una espera («S'està carregant»), del progrés d'un procés («Pas 2 de 4») o de l'existència d'errors («Hi ha 3 errors al formulari»). Si encaixa en aquesta definició, el 4.1.3 exigeix que s'anunciï a les tecnologies de suport sense moure el focus.

Altres termes que convé reconèixer

Resum

• El glossari és normatiu: els termes enllaçats en un criteri es llegeixen amb la seva definició oficial.
• Una pàgina web inclou tots els seus recursos i estats; en una SPA, totes les seves vistes.
• «Determinat per programari» vol dir que és al codi, no només a la pantalla; nom i etiqueta són coses diferents.
• «Essencial» és un llistó alt i el «mecanisme» el pot aportar el navegador, però ha de ser accessible.
• Un canvi de contingut no sempre és un canvi de context; els missatges d'estat s'anuncien sense moure el focus.