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 WCAG.RO.

Pregătit pentru conformitate?

Instalează widgetul WCAG.RO în 5 minute sau solicită un audit complet. Primele 30 de zile sunt gratuite, fără card.

Începe gratuit Vorbește cu un specialist
♿