Presentació del curs en vídeo

0:00 Et donem la benvinguda

Et donem la benvinguda al cinquè curs del nivell 4 de la Certificació ADDAW d'Accessibilitat Digital. Recorrerem, criteri a criteri, dos principis de les WCAG 2.2: Comprensible i Robust. És un curs per a qui audita, desenvolupa o gestiona. I també per a qui encarrega o revisa auditories.

0:20 El glossari decideix el veredicte

Comencem pel glossari, perquè les seves definicions són normatives. Per exemple, obres un acordió i el focus no es mou. Canvi de context? No: canvi de contingut. Si una troballa depèn d'una definició, cita-la a l'informe. Així un altre auditor podrà comprovar el teu raonament.

0:39 Llegible i predictible

Després, l'idioma de la pàgina i de cada part, del qual depèn la veu del lector de pantalla. Comprovaràs que res no canviï de context en rebre el focus o en canviar un valor. La fallada clàssica: un desplegable que navega sol. I compararàs pàgines per avaluar la coherència.

0:57 L'ajuda, sempre al seu lloc

El criteri 3.2.6, Ajuda coherent, és nou a la versió 2.2. Demana que l'ajuda sigui sempre al mateix lloc relatiu: el telèfon, el xat, les preguntes freqüents o un assistent automàtic. Compte, que no obliga a tenir ajuda. Només exigeix que, si n'hi ha, es trobi sense buscar-la.

1:22 Formularis que ajuden

Als formularis, el web es converteix en gestió. Avaluaràs que els errors es descriguin amb text. I que el missatge suggereixi com corregir-los. Per exemple, el format del DNI. I abans de presentar una sol·licitud o de pagar, s'ha de poder revisar, corregir o anul·lar.

1:41 No demanar dues vegades el mateix

El criteri 3.3.7, Entrada redundant, prohibeix obligar-te a teclejar un altre cop el que ja vas donar en el mateix procés. El cas típic: l'adreça de facturació, quan ja havies escrit la d'enviament. La solució és senzilla. N'hi ha prou d'emplenar-la automàticament o amb una casella per reutilitzar-la.

2:03 Entrar sense proves de memòria

El criteri 3.3.8 evita que entrar depengui de la teva memòria. Una contrasenya compleix si el gestor de contrasenyes la pot emplenar i es permet enganxar-la. També provaràs el segon factor, la recuperació de la clau, els CAPTCHA i plataformes com Cl@ve. I el teclat virtual obligatori d'alguns bancs? Aquest falla.

2:25 Nom, funció i valor

En el principi Robust, el criteri 4.1.2 exigeix que cada component tingui nom, rol i estat. Un acordió fet amb un div apareix com a text genèric: «Horaris.» Amb un botó i el seu estat, ja sap què és: «Horaris, botó, plegat.» Ho compararàs amb els patrons de la guia de pràctiques d'ARIA. I veuràs per què el 4.1.1 ja no s'avalua.

2:53 El que passa sense mirar

El criteri 4.1.3 cobreix els missatges d'estat. Afegeixes un producte i surt aquest avís. El lector l'ha d'anunciar sense moure el focus: «Producte afegit a la cistella.» Ho comprovaràs amb el Visor de veu de NVDA, que deixa per escrit el que s'anuncia i serveix com a evidència.

3:13 Cada fallada, al seu criteri

Aprendràs a assignar cada fallada al seu criteri amb un diagnòstic diferencial. El desplegable que navega sol falla en rebre el focus, o en canviar un valor? En canviar el valor. I repassarem les novetats de la 2.2: una auditoria AA suma 6 criteris nous respecte a la 2.1. Els criteris AAA útils aniran a part, com a recomanacions.

3:38 Per què és important

Darrere d'aquests criteris hi ha tràmits, banca i compres en línia. Una persona amb dificultats de memòria que no aconsegueix entrar al seu banc. O una persona cega que no sap si la seva sol·licitud s'ha enviat. El Reial decret 1112/2018, al sector públic, i la Llei 11/2023, en serveis com la banca, obliguen a evitar-ho.

4:01 En acabar el curs

En acabar sabràs avaluar formularis i accessos complets, i auditar components personalitzats i missatges d'estat. I sabràs classificar i justificar cada troballa. T'espera un cas pràctic de seu electrònica, amb la seva llista de comprovació. Obre el navegador, prepara NVDA i comença per la primera lliçó.