Cas pràctic, exercicis i llista de comprovació

Aquesta lliçó reuneix tot el curs en un cas resolt pas a pas, cinc exercicis amb la seva solució i una llista de comprovació que podràs fer servir la propera vegada que una organització et demani «formar la plantilla en accessibilitat».

Cas pràctic: un banc que té sis mesos per formar els seus equips

El Banco Almadraba (fictici) té 900 empleats, 120 dels quals en equips digitals: 40 en desenvolupament web, 15 en desenvolupament mòbil, 12 en disseny, 20 en continguts i màrqueting, 10 en QA, 8 en producte i 15 en altres funcions tècniques. A més, 6 persones a compres i unes 300 a oficines i atenció telefònica. La seva banca en línia i la seva app estan subjectes a la Llei 11/2023 (PDF, s'obre en una finestra nova) des del 28 de juny de 2025. Una auditoria externa ha detectat 140 incidències, 18 de les quals bloquejants en l'alta de clients i en les transferències. Ningú no ha rebut formació en accessibilitat. La direcció demana un pla per als sis mesos vinents.

Pas 1. Diagnòstic inicial

En lloc d'una enquesta d'opinió, es fa servir una prova pràctica breu per perfil: els desenvolupadors corregeixen tres components del laboratori; els dissenyadors revisen dues pantalles; continguts revisa una pàgina i un PDF. Resultat: només 6 de 40 desenvolupadors corregeixen el botó d'icona; cap dissenyador no comprova el contrast del focus; l'equip de continguts no coneix l'etiquetatge de PDF. Això confirma les mancances que explicaven les incidències de l'auditoria.

Pas 2. Matriu i itineraris amb prioritat

Es prioritza els equips de l'alta de clients i de les transferències, que concentren els bloquejants.

Pas 3. Sensibilització de llançament

Primera sessió amb la direcció: una persona cega usuària de lector de pantalla, col·laboradora remunerada d'una associació, intenta fer una transferència a l'app. S'encalla al teclat de signatura, els dígits del qual no tenen nom accessible. El missatge s'adapta a l'audiència: obligació exigible, clients que no completen l'operació i trucades a l'oficina que es podrien evitar. Davant l'objecció «ja tenim un giny d'accessibilitat», es recorre la mateixa pantalla amb el giny activat i la barrera continua allà.

Pas 4. Disseny dels mòduls

Cada mòdul es dissenya amb objectius comprovables i l'avaluació primer. Exemple per a desenvolupament: «Donat el component de selecció de compte, la persona el corregeix perquè es pugui fer servir amb el teclat i anunciï nom, funció i estat (2.1.1 i 4.1.2), i ho comprova amb NVDA i TalkBack». L'avaluació és exactament aquest lliurament, revisat amb rúbrica. Es fa una prova pilot amb 8 persones, entre les quals un champion i un escèptic declarat.

Pas 5. Facilitació i formació de formadors

Com que hi ha equips en tres ciutats, la meitat de les sessions són en remot: so del sistema compartit, Visualitzador de parla de NVDA visible, subtítols automàtics i subtitulació professional quan s'hi inscriu una persona sorda. Es formen 8 champions en les cinc fases (domini, facilitació, observació, coimpartició, autonomia) i cada mòdul té el seu kit del formador.

Pas 6. Aprenentatge en el flux

Es crea un laboratori amb 12 barreres sembrades sobre una còpia de l'alta de clients. S'afegeix una plantilla de pull request amb quatre preguntes d'accessibilitat i s'activen cinc regles d'eslint-plugin-jsx-a11y, una tanda per mòdul impartit. Al cap de quatre mesos se celebra una jornada de correcció del procés de transferències, amb reconeixement per impacte validat.

Pas 7. Materials, avaluació i comunitat

Abans de llançar el curs en línia per a les oficines, es verifica l'LMS amb teclat i lector de pantalla i s'amplia el temps dels tests. L'avaluació segueix els quatre nivells: enquesta de reacció, lliuraments amb rúbrica, revisió de pull requests reals al cap de dos mesos i, com a resultat, incidències bloquejants en els dos processos crítics. La xarxa de champions té 4 hores al mes reconegudes pels seus responsables i una reunió mensual.

Resultat al cap de sis mesos (il·lustratiu)

Els 18 bloquejants inicials queden en 3; el percentatge de components nous que passen la revisió d'accessibilitat a la primera puja de manera sostinguda, i l'oficina rep cada vegada més consultes abans de desenvolupar que després. La direcció aprova mantenir el pla com a formació d'incorporació i reciclatge anual.

Exercicis d'autoavaluació

1. Un objectiu d'un curs diu: «Conèixer les WCAG 2.2 i la seva importància». Reescriu-lo per al perfil de continguts.

2. Faràs una demostració amb lector de pantalla per videoconferència a 30 persones. Enumera quatre preparatius imprescindibles.

3. En una sessió, un cap de projecte diu: «Això no ens afecta; els nostres clients no tenen discapacitat». Com respons?

4. Un revisor escriu en un pull request: «Això no és accessible». Reescriu el comentari per a un botó d'icona de cerca sense nom.

5. S'organitza una jornada de correcció i es proposa premiar l'equip que registri més incidències. Què canviaries?

Llista de comprovació

• Perfils, nombre de persones i competències observables definits en una matriu.
• Diagnòstic inicial amb una prova pràctica, no només amb una enquesta.
• Itineraris prioritzats per impacte en els productes crítics.
• Objectius amb verb observable, condició i criteri en cada mòdul.
• Avaluació dissenyada abans que el contingut i mòdul provat en pilot.
• Sensibilització amb persones usuàries remunerades i focus en les barreres.
• Missatges adaptats a cada audiència i respostes preparades a les objeccions.
• Demostracions assajades, a velocitat reduïda, amb el text i el focus visibles.
• Sessions en remot amb so compartit, subtítols i ajustos preguntats a la inscripció.
• Laboratori amb barreres sembrades i mapa de solucions.
• Plantilla de pull request i comentaris de revisió que ensenyen.
• Materials i LMS verificats amb teclat i lector de pantalla.
• Avaluació en quatre nivells amb indicadors lligats al producte.
• Champions amb temps reconegut, kit del formador i relleu previst.

Per continuar aprenent

• W3C WAI: Curricula on Web Accessibility, currículum modular amb objectius i avaluació.
• W3C WAI: How to Make Your Presentations Accessible to All, per a sessions i esdeveniments.
• W3C WAI: Involving Users in Web Accessibility, sobre la participació de persones usuàries.
• W3C WAI: Before and After Demonstration (BAD), lloc d'exemple per a laboratoris.
• W3C WAI: Web Accessibility Perspectives, vídeos breus per a sessions de sensibilització.