Presentació del curs en vídeo

0:00 Et donem la benvinguda

Hola, i benvinguda a Revisió manual amb tecnologies de suport, el tercer curs del nivell 4 de la certificació d'ADDAW. Aquí aprendràs a auditar fent servir el web com ho fan les persones usuàries. Treballarem amb lectors de pantalla, teclat, ampliació i control per veu.

0:18 Per què cal la revisió manual

Les eines automàtiques són molt útils, però no ho veuen tot. Un combo que no anuncia les seves opcions, o un modal que deixa escapar el focus, només es descobreixen fent servir la pàgina. Per això la revisió manual és imprescindible. I necessita mètode, no improvisació.

0:37 NVDA i JAWS a Windows

Comencem per NVDA i JAWS, els lectors més utilitzats a Windows. Aprendràs a distingir el mode navegació del mode formulari. Faràs servir les lletres de navegació ràpida, com la H per als encapçalaments. «Demanar cita prèvia, encapçalament nivell 2.» I guardaràs com a evidència el text literal del visor de veu.

0:58 VoiceOver i TalkBack al mòbil

Després passem al mòbil, amb VoiceOver i TalkBack. Practicaràs els gestos, el rotor i el doble toc. Sempre en dispositius reals, perquè els emuladors no serveixen. Veuràs fallades que només hi apareixen allà, com un menú hamburguesa sense nom ni estat. Escolta: «Botó.»

1:17 Teclat, zoom, contrast i veu

Compte, que no tothom fa servir lector de pantalla. Provaràs amb teclat, amb zoom al 200 % i amb reajustament a 320 píxels. Activaràs un tema de contrast de Windows. I faràs servir el control per veu per comprovar que el nom de cada botó coincideix amb el seu text visible.

1:36 Components complexos

Els components personalitzats concentren les fallades més greus. Per a pestanyes, combos, diàlegs i menús escriuràs el contracte esperat, segons la guia de patrons del W3C. Després el provaràs amb teclat i amb el lector en els seus dos modes. Per exemple, un combo ha d'anunciar cada opció activa: «Villaverde Bajo, 2 de 3.»

1:59 Contingut que canvia sense recarregar

Les pàgines d'avui canvien sense recarregar-se: un missatge per aquí, un avís per allà. Davant de cada canvi et faràs tres preguntes: on és el focus, què s'ha anunciat, i si pots arribar al contingut nou. Així detectaràs, per exemple, un missatge de producte afegit que ningú no sent, o un avís de sessió que no arriba.

2:21 Del símptoma a la causa

Quan el lector diu una cosa estranya, no n'hi ha prou d'apuntar-la: toca trobar-ne la causa. Inspeccionaràs l'arbre d'accessibilitat a Chrome, Firefox i Safari. Entendràs com es calcula el nom accessible. I aïllaràs la fallada en cinc passos. Per exemple, un menú el botó del qual té el nom buit.

2:41 Fallada del lloc o del lector?

Cada lector anuncia les coses a la seva manera, i això no sempre és una fallada. Aprendràs a distingir una diferència de presentació d'una fallada real. Sabràs quan una tècnica no és compatible amb l'accessibilitat. I revisaràs el teu propi equip abans de culpar el lloc, perquè moltes troballes falses neixen allà.

3:02 Protocol i evidències

Tot això s'integra en un protocol, per no deixar res a l'atzar. Fixaràs la matriu de navegadors i tecnologies de suport. Aplicaràs els mateixos passos a cada pàgina de la mostra. I registraràs cada troballa amb els seus passos, el resultat esperat i l'observat, i evidències que l'equip de desenvolupament pugui reproduir.

3:23 Per què és important

Darrere de cada fallada hi ha una persona que no pot acabar un tràmit o una compra. El Reial decret 1112 de 2018 i la Llei 11 de 2023 exigeixen que els webs funcionin per a totes les persones. I un informe precís, sense troballes falses, és el que el client es creu i corregeix.

3:43 En acabar sabràs

En acabar sabràs auditar amb lectors de pantalla, a l'escriptori i al mòbil. Podràs diagnosticar la causa de cada problema, classificar-lo amb criteri i lliurar evidències reproduïbles. Instal·la NVDA, tingues el mòbil a mà i comença per la primera lliçó. Ens veiem a dins!