Presentació del curs en vídeo

0:00 Et donem la benvinguda

Hola, i benvinguda a Criteris en profunditat I, el quart curs del nivell 4 de la certificació d'accessibilitat digital d'ADDAW. Recorrerem els principis Perceptible i Operable de les pautes WCAG 2.2, criteri a criteri. I ho farem amb la mirada de l'auditor: què exigeix cada criteri, com es prova i com es justifica.

0:21 Llegir un criteri com un auditor

Comencem pel mètode. El que mana és el text del criteri i les definicions del glossari. Les excepcions són una llista tancada: si el cas no encaixa en cap, el criteri s'aplica. I les tècniques orienten, però no obliguen. Per exemple, no fer servir mai aria-label no és, per si mateix, una fallada.

0:43 Alternatives, multimèdia i estructura

Després vénen les primeres pautes de Perceptible. En el criteri 1.1.1, l'alt depèn de la funció de la imatge. Una icona de carretó enllaçada no ha de sonar així: «Enllaç, dibuix d'una cistella.» Sinó així: «Enllaç, Carretó, 3 articles.» A la pauta 1.2 demanem subtítols exactes i audiodescripció. I a la 1.3, que l'estructura i l'ordre siguin al codi.

1:10 Distingible: contrast, zoom i espaiat

La pauta 1.4 és la de la baixa visió. El text normal necessita un contrast de 4,5 a 1. I el text gran, de 3 a 1. Hi ha tres proves diferents: zoom al 200 %, reajustament a 320 píxels i espaiat del text. I el contingut que apareix en hover ha de ser descartable, apuntable i persistent.

1:38 Teclat, temps i flaixos

A Operable, tot ha de funcionar amb teclat, i sense paranys per al focus. Els límits de temps necessiten avís i ampliació. Una seu que tanca la sessió als 15 minuts sense avisar, incompleix. El que es mou sol necessita pausa. I res no pot fer flaixos més de 3 vegades per segon, tret que estigui per sota dels llindars de flaix general i vermell.

2:01 Navegació i els nous criteris de la 2.2

Les pautes 2.4 i 2.5 inclouen tres criteris nous de la versió 2.2. El 2.4.11 demana que el focus no quedi totalment tapat, per exemple per una capçalera fixa. El 2.5.7 exigeix una alternativa a l'arrossegament. I el 2.5.8 fixa objectius de 24 per 24 píxels, amb excepcions que aprendràs a aplicar.

2:27 Mesurar amb rigor

Una troballa amb un número s'ha de poder repetir. El contrast no s'arrodoneix: 4,48 a 1 no compleix. Els 320 píxels es mesuren en píxels CSS, no en píxels de pantalla. I cada mesura s'anota amb la seva configuració: navegador, amplada de la finestra, zoom, eina i captura.

2:50 Una troballa, diversos criteris

Assignar bé el criteri evita discussions. Cada troballa té un criteri principal i, si escau, altres de secundaris. Un exemple clàssic: si s'ha eliminat l'indicador de focus, la fallada és del 2.4.7. Si l'indicador existeix, però té poc contrast, és de l'1.4.11. I veuràs una taula amb les confusions més habituals.

3:15 Components sota la lupa

En una auditoria real, el que tens al davant són components. Revisarem la capçalera, el bàner de galetes, el carrusel i el formulari. També els modals, la multimèdia, els mapes i les taules. I una regla important: el que és de tercers també compta. Un xat extern que atrapa el focus impedeix la conformitat de tota la pàgina.

3:38 Cas pràctic: una cita prèvia

Acabaràs amb un cas pràctic: la pàgina de cita prèvia d'una seu electrònica, com les que fas servir cada dia. Hi trobarem 9 troballes, i descartarem 5 possibles fallades amb la seva justificació. Després tindràs exercicis resolts i una llista de comprovació per a les teves auditories.

3:56 Per què és important

Darrere de cada criteri hi ha persones. Qui fa servir el teclat o un ampliador no pot demanar cita si el focus desapareix o el text es talla. Per al sector públic, complir és una obligació legal des del Reial decret 1112 de 2018. I un informe precís és un informe que el client pot corregir.

4:16 En acabar el curs

En acabar el curs sabràs avaluar i mesurar cada criteri de Perceptible i Operable. Sabràs assignar el criteri correcte a cada barrera, i justificar cada troballa amb el text de les pautes. Tingues a mà un web real i les teves eines de desenvolupament. Comencem!