Com cal llegir un criteri i què vol dir conformitat

Saber llegir un criteri de conformitat és l'habilitat bàsica de qualsevol persona que treballi amb les WCAG: dissenyadora, desenvolupador, redactora o auditora. Cada criteri té una estructura fixa, amb un enunciat precís i, sovint, excepcions que en canvien completament l'aplicació. En aquesta lliçó disseccionem tres criteris molt utilitzats i, després, expliquem què vol dir realment «ser conforme» amb les WCAG.

L'anatomia d'un criteri

Tot criteri presenta: número i nom, nivell, enunciat normatiu (l'únic que s'avalua), excepcions o notes, i enllaços a Understanding (intenció, beneficis, exemples) i a les tècniques. Fixa't que l'enunciat està redactat perquè s'hi pugui respondre amb «vertader» o «fals» sobre un contingut concret.

1.1.1 Contingut no textual (nivell A)

Enunciat: tot contingut no textual que es presenta a l'usuari té una alternativa textual que compleix el mateix propòsit, excepte en les situacions següents. I aquí vénen les excepcions, que són la part que més s'oblida:

• Controls i entrada de dades: n'hi ha prou amb un nom que en descrigui el propòsit (ho regula el 4.1.2).
• Mitjans temporals: n'hi ha prou amb una alternativa que els identifiqui; el contingut complet el cobreix la pauta 1.2.
• Proves o exercicis que serien invàlids en text: alternativa que identifiqui el contingut.
• Experiència sensorial (una obra musical, un quadre): alternativa que l'identifiqui.
• CAPTCHA: alternativa que n'expliqui el propòsit i formes alternatives amb altres modalitats sensorials.
• Decoració, format o contingut invisible: s'ha d'implementar de manera que les tecnologies de suport l'ignorin, per exemple amb alt="".

<!-- Informativa: alternativa amb el mateix propòsit -->
<img src="firma.png" alt="Signatura manuscrita de l'alcaldessa">

<!-- Decorativa: alt buit perquè s'ignori (excepció) -->
<img src="adorno.png" alt="">

<!-- Funcional: l'alternativa descriu la funció, no la imatge -->
<a href="/"><img src="logo.svg" alt="Inici, Ajuntament de Lorca"></a>

Observa que «la mateixa finalitat» no vol dir «descriure la imatge». Una icona de lupa dins d'un botó de cerca no es descriu com a «lupa»: la seva alternativa és «Cerca».

1.4.3 Contrast (mínim) (nivell AA)

Enunciat: la presentació visual del text i de les imatges de text té una relació de contrast d'almenys 4,5:1, amb aquestes excepcions:

• Text gran: almenys 3:1. «Gran» vol dir 18 punts (uns 24 píxels) o 14 punts en negreta (uns 18,7 píxels).
• Text incidental: text de components inactius, decoració pura, no visible o part d'una imatge amb un altre contingut visual significatiu. No té requisit.
• Logotips: el text que forma part d'un logotip o d'un nom de marca no té requisit.

La relació de contrast es calcula a partir de la luminància relativa dels dos colors i es mesura amb eines. Les excepcions importen: un botó inhabilitat en gris clar no incompleix l'1.4.3, però el text d'un marcador de posició (placeholder) sí que l'ha de complir, perquè no és incidental.

2.4.7 Focus visible (nivell AA)

Enunciat: tota interfície d'usuari operable amb teclat té una manera de funcionament en què l'indicador del focus del teclat és visible. És un criteri breu però amb implicacions:

• «Una manera de funcionament»: n'hi ha prou que existeixi una manera en què el focus es vegi; l'indicador per defecte del navegador compleix, sempre que no s'hagi eliminat amb CSS.
• No fixa quant s'ha de veure: això ho fa el 2.4.13 Aparença del focus (AAA), nou a la 2.2. En AA només s'exigeix que sigui visible.
• Es complementa amb el 2.4.11 Focus no ocult (mínim) (AA): l'element amb el focus no ha de quedar completament tapat per un altre contingut, com ara una capçalera fixa o un bàner de galetes.

A més de les excepcions, fixa't en les paraules enllaçades de l'enunciat: remeten al glossari, que també és normatiu i que estudiaràs a la lliçó següent.

Què vol dir «conformitat»

Dir que un lloc «compleix les WCAG 2.2 nivell AA» té un significat precís. Les WCAG defineixen cinc requisits de conformitat que s'han de complir alhora:

1. Nivell de conformitat: es compleixen tots els criteris del nivell declarat (i dels inferiors), o s'ofereix una versió alternativa conforme.
2. Pàgines completes: la conformitat és de la pàgina sencera. No se'n pot excloure una part («tot és accessible menys el mapa»). Si una part de la pàgina no compleix, la pàgina no compleix.
3. Processos complets: si una pàgina forma part d'un procés (comprar, registrar-se, demanar cita), totes les pàgines del procés han de complir. Una botiga amb la fitxa de producte accessible però amb el pagament no accessible no és conforme.
4. Ús de tecnologies compatibles amb l'accessibilitat: per complir, només es pot confiar en tecnologies que funcionen amb els navegadors i les tecnologies de suport que fan servir les persones.
5. No interferència: encara que es faci servir una tecnologia no compatible (per exemple, un visor 3D experimental), no ha d'impedir l'accés a la resta de la pàgina. Quatre criteris s'apliquen sempre a tot el contingut, fins i tot al no conforme: 1.4.2 Control de l'àudio, 2.1.2 Sense paranys per al focus del teclat, 2.3.1 Llindar de tres flaixos o menys i 2.2.2 Posar en pausa, aturar, amagar.

Les WCAG no obliguen a declarar res; l'obligació de publicar una declaració d'accessibilitat ve de la legislació (RD 1112/2018 (PDF, s'obre en una finestra nova)), que veuràs al curs N1-C4 «Marc legal essencial».

Resum

• Un criteri té número, nom, nivell, un enunciat comprovable i, sovint, excepcions que en canvien l'aplicació.
• 1.1.1: alternativa amb el mateix propòsit; les decoratives, amb alt=""; les funcionals descriuen la funció.
• 1.4.3: 4,5:1 per al text normal, 3:1 per al text gran; excepcions per al text incidental i els logotips.
• 2.4.7: ha d'existir una manera en què el focus sigui visible; es complementa amb el 2.4.11 i, en AAA, amb el 2.4.13.
• Conformitat: nivell, pàgina completa, procés complet, tecnologies compatibles i no interferència. No existeix el compliment parcial.