Presentació del curs en vídeo

0:00 Et donem la benvinguda

Et donem la benvinguda a Aplicacions mòbils accessibles: iOS i Android, el tercer curs del nivell 6 de la certificació d'ADDAW. És un curs per a aplicacions natives i híbrides. Aprendràs a programar i revisar l'accessibilitat a iOS i a Android, amb exemples de codi real.

0:19 Les pautes WCAG arriben al mòbil

Les pautes WCAG es van escriure per al web, però el document WCAG2ICT explica com aplicar-les a una aplicació. L'aplicació ha de girar lliurement i deixar créixer el text fins al 200 %. El mínim de les pautes WCAG 2.2 per a un objectiu tàctil és de 24 per 24 punts. I les guies de plataforma en demanen 44 a iOS i 48 a Android.

0:46 iOS: VoiceOver i Dynamic Type

A iOS, VoiceOver llegeix de cada element la seva etiqueta, el seu valor, els seus trets i la seva pista. Veuràs com agrupar una cel·la de moviments bancaris en un sol element, amb accions pròpies: «Supermercat Sol, menys 42,50 euros, 12 de març.» I com fer servir Dynamic Type perquè el text creixi sense truncar-se, a UIKit i a SwiftUI.

1:13 Android: TalkBack i Compose

A Android treballaràs amb TalkBack, amb el sistema de vistes i amb Jetpack Compose. Aprendràs a fer servir contentDescription només on aporta, i a completar la semàntica de cada component. Per exemple, un calendari de cita prèvia que funciona amb TalkBack, amb Switch Access i amb un teclat extern.

1:33 Navegar sense perdre's

Una aplicació és un recorregut entre pantalles. Cada pantalla necessita un títol que s'anunciï en arribar-hi, i un ordre de recorregut lògic. Els diàlegs i els fulls inferiors han de rebre el focus, amagar el que hi ha al darrere i retornar-lo en tancar-se. Si no, la persona es perd a mitja tasca.

1:52 Formularis i accés segur

Els formularis decideixen si algú pot donar-se d'alta o pagar. Veuràs com fer servir etiquetes visibles i persistents, i com declarar cada camp perquè el sistema l'empleni automàticament. I com iniciar la sessió sense memoritzar: amb gestors de contrasenyes, amb biometria que tingui alternativa i amb codis per SMS que s'emplenen sols.

2:14 Components complexos

Després arriben els components complexos. Llistes amb accions de lliscament que tenen una alternativa accessible. Mapes que ofereixen també una llista, i que deixen escriure una adreça. Gràfics amb un resum en text i dades consultables. I vídeos amb subtítols que segueixen les preferències del sistema.

2:34 React Native, Flutter i WebView

Moltes aplicacions s'escriuen amb React Native, amb Flutter o com un web empaquetat. I totes acaben parlant amb l'API d'accessibilitat nativa. Flutter pinta els seus propis píxels, així que necessita declarar la seva semàntica. I el web dins de l'aplicació segueix les pautes web, més les regles natives del que l'envolta.

2:55 Que no es trenqui a la versió següent

El que arregles avui es pot trencar a la versió següent. Per això veuràs com crear components que obliguen a posar etiqueta, i com revisar previsualitzacions amb text gran. I com llançar auditories automàtiques dins de les proves d'interfície, sabent que mai no substitueixen la prova manual.

3:16 Per què importa

Avui demanem cita, paguem i viatgem des del mòbil. I una persona cega que fa servir TalkBack necessita poder-ho fer sense ajuda. L'accessibilitat de les aplicacions és obligatòria al sector públic pel Reial decret 1112 del 2018. I des del juny del 2025, la Llei 11/2023 l'exigeix a la banca, el comerç electrònic i el transport.

3:41 En acabar sabràs…

En acabar, sabràs programar l'accessibilitat d'una aplicació a iOS i a Android. Resoldràs la navegació, els formularis, els mapes i els gràfics, i automatitzaràs les comprovacions. I ho verificaràs tot amb lectors de pantalla reals. Agafa el mòbil, activa VoiceOver o TalkBack, i comença per la primera lliçó.