Ghid: accesibilitate pe mobil

Țintele tactile, gesturile, orientarea și testarea cu VoiceOver/TalkBack: esențialul pentru ecrane mici.

Cele cinci verificări esențiale

  1. Ținte tactile: minimum 24×24px CSS (2.5.8), recomandat 44×44: măsoară butoanele din bare de navigare și iconițele din liste;
  2. Zoom permis: elimină user-scalable=no și maximum-scale=1 din meta viewport (1.4.4);
  3. Reflow la 320px: fără derulare orizontală: tabelele primesc derulare proprie în container, nu sparg pagina (1.4.10);
  4. Ambele orientări: conținutul funcționează portret și peisaj (1.3.4);
  5. Alternative la gesturi: tot ce se face cu swipe sau pinch se poate face și cu butoane (2.5.1, 2.5.7).

Testarea cu cititoare de ecran mobile

VoiceOver (iOS): activezi din Setări → Accesibilitate; navighezi cu swipe dreapta/stânga, activezi cu dublu-tap. TalkBack (Android): echivalent. Parcurge fluxul principal al site-ului cu fiecare: se anunță tot ce contează? Butoanele au nume? Ordinea de citire are sens? Pentru evaluare profesională, vezi auditul mobile Wawsome.

Pregătit pentru conformitate?

Verifică gratuit site-ul cu scannerul Wawsome sau instalează widgetul în câteva minute. Wawsome oferă o perioadă de probă gratuită de 7 zile.

Scanează gratuit site-ul Contactează Wawsome