VoiceOver a macOS i iOS i TalkBack a Android

Més de la meitat del trànsit web és mòbil, i les persones usuàries de lector de pantalla al mòbil fan servir sobretot VoiceOver (iOS) i TalkBack (Android). A l'escriptori, VoiceOver és el lector integrat a macOS. Un auditor no cal que sigui expert en tots tres, però sí que ha de saber activar-los, navegar, fer servir controls i reconèixer els problemes típics que només apareixen en ells. Els emuladors no serveixen: VoiceOver i TalkBack s'han de provar en dispositius reals.

VoiceOver a macOS

S'activa i es desactiva amb Cmd+F5 (o, als Mac amb Touch ID, mantenint premuda Cmd mentre es prem Touch ID tres vegades). Les tecles VO són Control+Opció (o Bloq Maj, si es configura així a la Utilitat VoiceOver). Safari és el navegador de referència per a VoiceOver; amb Chrome funciona, però amb més discrepàncies.

VoiceOver a macOS té una particularitat: per defecte agrupa el contingut i exigeix «entrar» en taules o grups amb VO+Maj+Fletxa avall. El seu suport d'ARIA i la seva manera d'agrupar el contingut difereixen dels lectors de Windows, així que una cosa que funciona amb NVDA pot fallar amb VoiceOver, i a l'inrevés.

VoiceOver a iOS

S'activa a Configuració, Accessibilitat, VoiceOver, o amb la drecera d'accessibilitat (triple pulsació del botó lateral o d'inici), que convé configurar abans d'auditar. Gestos bàsics:

• Lliscar a la dreta o a l'esquerra amb un dit: element següent o anterior.
• Tocar un element: el selecciona i el llegeix; doble toc: l'activa.
• Rotor: girar dos dits sobre la pantalla com si fos un dial; permet triar encapçalaments, enllaços, controls de formulari, landmarks, etc. Després, lliscar amunt o avall salta a l'anterior o al següent del tipus triat.
• Llegir-ho tot: lliscar cap amunt amb dos dits llegeix des del principi de la pantalla; cap avall amb dos dits, des de l'element actual.
• Desplaçar la pàgina: lliscar amb tres dits.
• Cortina de pantalla (apaga la pantalla mantenint el lector): triple toc amb tres dits.
• Tornar enrere (gest de gratar amb dos dits): equival a Escapada o al botó enrere.

Què sol fallar només a iOS: controls personalitzats que depenen d'esdeveniments de ratolí o de hover; contingut que es mostra amb display: none al mòbil i es deixa accessible, o a l'inrevés; menús hamburguesa sense nom ni estat expandit; taules convertides en targetes que perden els seus encapçalaments; modals que no bloquegen el contingut de fons (VoiceOver continua llegint el que hi ha darrere si no es fa servir aria-modal o inert); i objectius tàctils minúsculs (2.5.8).

TalkBack a Android

TalkBack és el lector de Google, integrat a la majoria de dispositius Android (en alguns fabricants conviu amb lectors propis). S'activa a Configuració, Accessibilitat, TalkBack, o mantenint premudes totes dues tecles de volum uns segons si s'ha configurat la drecera. Chrome és el navegador de referència.

• Lliscar a la dreta o a l'esquerra: element següent o anterior; doble toc: activar.
• Controls de lectura (equivalent al rotor): en dispositius amb gestos de diversos dits es canvien lliscant cap amunt o cap avall amb tres dits (en els altres, lliscant amb un dit cap amunt i després cap avall, o a l'inrevés); després, lliscar cap avall o cap amunt amb un dit salta a l'element següent o anterior del tipus triat (encapçalaments, enllaços, controls, paraules, etc.).
• Menú de TalkBack: toc amb tres dits (o lliscar avall i després a la dreta) per a accions com llegir des de dalt, cercar a la pantalla o canviar d'idioma.
• Exploració tàctil: arrossegar un dit per la pantalla llegeix el que hi ha a sota.
• Desplaçar: lliscar amb dos dits.

TalkBack es pot comportar de manera diferent de VoiceOver amb ARIA incompleta i amb noms accessibles calculats de manera complexa. Problemes típics: icones sense nom, estats (aria-expanded, aria-selected) que no s'anuncien, enllaços i botons duplicats en l'exploració per capes superposades, i focus que no es mou en obrir contingut nou.

Diferències entre lectors que has de conèixer

Cada lector calcula i anuncia les coses de manera una mica diferent. Això és normal i no tot és una fallada del lloc. Diferències que convé tenir presents per no reportar falsos problemes:

• L'ordre en què s'anuncien nom, rol i estat canvia entre lectors.
• VoiceOver agrupa elements i pot llegir un enllaç amb imatge de manera combinada; NVDA els llegeix per separat.
• L'anunci de regions aria-live pot arribar amb retard o duplicar-se a TalkBack.
• El canvi automàtic d'idioma amb lang depèn que el lector tingui instal·lada la veu corresponent.
• El suport d'atributs ARIA recents (per exemple, alguns valors d'aria-haspopup o rols de la 1.2 poc comuns) varia; quan dubtis, comprova el suport a la documentació de les tecnologies de suport abans de reportar.

A la lliçó «Suport d'accessibilitat i criteri de l'auditor» veuràs com classificar cadascuna d'aquestes diferències i quan constitueixen una fallada del lloc.

Preparar els dispositius

• Un iPhone i un Android amb versions recents del sistema, Safari i Chrome actualitzats; anota models i versions a l'informe.
• Configura les dreceres d'accessibilitat per activar i desactivar els lectors ràpidament.
• Activa la gravació de pantalla amb àudio del sistema per capturar evidències.
• Prova també amb el teclat connectat (Bluetooth) a iOS i Android: moltes persones amb discapacitat motriu el fan servir, i descobreix problemes de focus al mòbil.
• A macOS, si fas servir Safari per a proves de teclat sense VoiceOver, activa «Prémer Tab per ressaltar cada element» a Preferències, Avançat; en cas contrari Tab no s'atura als enllaços.

Resum

• VoiceOver (macOS: Cmd+F5, tecles VO, rotor VO+U; iOS: lliscar, doble toc, rotor amb dos dits) i TalkBack (lliscar, doble toc, controls de lectura) s'han de provar en dispositius reals amb Safari i Chrome.
• Problemes típics al mòbil: controls que depenen del ratolí, menús sense nom ni estat, modals que no bloquegen el fons, taules convertides en targetes, objectius petits.
• Els lectors anuncien de manera diferent: distingeix les diferències legítimes de les fallades del lloc i documenta en quina combinació passa cada troballa.
• Prepara els dispositius: dreceres d'accessibilitat, gravació de pantalla amb àudio, teclat Bluetooth, versions anotades.
• Reduir la finestra d'escriptori prova el reflow, no l'accessibilitat mòbil amb lector.