Accessibilité mobile
Sur mobile, l’accessibilité dépend de la taille des cibles, du zoom, de l’orientation et des lecteurs d’écran VoiceOver (iOS) et TalkBack (Android). WCAG 2.2 impose désormais des cibles d’au moins 24 × 24 px CSS.
Les règles essentielles
- Cibles larges et espacées : 24 × 24 px minimum (WCAG 2.5.8), 44 px pour les actions importantes.
- Zoom autorisé : jamais de
user-scalable=noni demaximum-scalebloquant. - Pas de dépendance au survol : tout contenu au survol doit être accessible au toucher et au clavier.
- Orientation : ne pas imposer portrait ou paysage sans nécessité (RGAA 13.9).
- Navigation linéaire cohérente avec l’ordre visuel.
- Ne comptez pas sur un overlay : corrigez le code.
Exemple de code
<meta name="viewport" content="width=device-width, initial-scale=1">
.btn { min-height: 44px; min-width: 44px; }Comment tester
Activez VoiceOver ou TalkBack et réalisez un parcours complet. Zoomez à 200 % et en reflow à 320 px de large. Critères RGAA : 10.4, 10.11, 13.9. Ressources : MDN, accessibilité mobile.
Questions fréquentes
Quelle est la taille minimale d’une cible tactile ?
WCAG 2.2 (critère 2.5.8, AA) exige 24 × 24 px CSS avec exceptions ; viser 44 px pour les actions importantes est une bonne pratique.
Peut-on bloquer le zoom ?
Non. Bloquer le zoom empêche les personnes malvoyantes d’agrandir le contenu et enfreint le RGAA.