Ghid practic

Accesibilitatea aplicațiilor mobile

Etichete, ținte tactile, text dinamic și gesturi: principiile care fac o aplicație utilizabilă de oricine.

Pe telefon, accesibilitatea are particularități proprii. Utilizatorii navighează prin atingere și gesturi, măresc textul din setările sistemului și folosesc cititoarele de ecran integrate, VoiceOver și TalkBack. Principiile WCAG rămân valabile, dar implementarea diferă.

Ilustrație: testarea unei aplicații mobile cu VoiceOver și TalkBack, cu focusul mutat între elemente Comandă nouă3 produse Facturi2 neplătite Setări contProfil, notificări Continuă VoiceOver (iOS) „Comandă nouă, 3 produse, buton” TalkBack (Android) Țintă tactilă: 44 × 44 Conform criteriului 2.5.5 gest de glisare
VoiceOver și TalkBack anunță eticheta, rolul și starea fiecărui element atins.

Etichete pentru fiecare element

Fiecare buton, pictogramă și control trebuie să aibă o etichetă accesibilă. În iOS se folosește accessibilityLabel, în Android contentDescription, în React Native accessibilityLabel, iar în Flutter widgetul Semantics. O pictogramă de coș fără etichetă va fi anunțată doar ca „buton”.

Ținte tactile suficient de mari

Recomandările platformelor sunt de cel puțin 44 pe 44 de puncte pe iOS și 48 pe 48 de dp pe Android pentru elementele atinse. Spațierea dintre ele contează la fel de mult, pentru a evita atingerile greșite.

Text dinamic

Mulți utilizatori măresc textul din setările telefonului. Aplicația trebuie să respecte această setare și să își adapteze aspectul fără text tăiat, suprapus sau ascuns.

Gesturi și mișcare

  • Orice gest cu mai multe degete sau cu traseu are o alternativă cu o simplă atingere (criteriul 2.5.1)
  • Funcțiile declanșate prin scuturarea sau înclinarea telefonului au o alternativă și pot fi dezactivate (criteriul 2.5.4)
  • Acțiunile se declanșează la ridicarea degetului, permițând anularea (criteriul 2.5.2)

Orientare și afișare

Aplicația nu trebuie să blocheze o singură orientare a ecranului, cu excepția cazurilor în care aceasta este esențială (criteriul 1.3.4). Verifică și modul întunecat, contrastul și comportamentul cu setarea de reducere a mișcării.

Listă de verificare rapidă

  • Toate elementele au etichete clare în VoiceOver și TalkBack
  • Ordinea de parcurgere urmează logica ecranului
  • Țintele tactile sunt suficient de mari și distanțate
  • Aplicația funcționează cu text mărit la nivel de sistem
  • Contrastul este suficient în modul luminos și întunecat
  • Mesajele de eroare și confirmările sunt anunțate
  • Aplicația funcționează în ambele orientări

Pentru o evaluare completă, vezi auditul pentru aplicații mobile.

Hai să facem site-ul tău accesibil

Spune-ne ce platformă ai și ce termene urmărești. Revenim cu o propunere clară, adaptată proiectului tău.

Cere o ofertă sau scrie-ne direct la contact@datapulse.ro