Accessibilité Mobile : Guide Complet RGAA iOS Android [2025]

Aujourd'hui, la majorité des utilisateurs naviguent sur mobile. L'accessibilité numérique n'est pas réservée aux ordinateurs de bureau ("desktop"). Que ce soit sur une page d'accueil ou une page web profonde, l'expérience doit être fluide quel que soit le système d'exploitation (iOS, Android).

Le Référentiel Général d'Amélioration de l'Accessibilité (RGAA), régulièrement mis à jour, intègre des critères spécifiques pour garantir une expérience fluide sur les petits écrans tactiles. Pour atteindre un bon niveau d'accessibilité, il est crucial de respecter ces règles, qui font partie des 106 critères du référentiel.

Les 4 piliers de l'accessibilité mobile

1. La taille des zones de touche (Target Size)

C'est l'erreur la plus fréquente. Un bouton trop petit est inutilisable pour une personne en situation de handicap moteur (tremblements) ou simplement pour quelqu'un avec de gros doigts.

• La règle d'or : Visez 44x44 pixels CSS pour un confort optimal (Standard Apple & WCAG AAA).
• Le minimum légal : 24x24 pixels CSS (WCAG 2.2 niveau AA), à condition d'avoir assez d'espacement autour pour éviter les clics accidentels.
• Conseil : Augmentez le padding de vos liens et boutons, pas seulement la taille du texte.

2. L'orientation de l'écran

Ne forcez jamais l'utilisateur à tenir son téléphone en mode portrait ou paysage.

• Le critère de succès : Le contenu doit s'adapter aux deux orientations.
• Pourquoi ? : Certaines personnes ont leur téléphone fixé sur un fauteuil roulant dans une position fixe.
• Attention : Un tableau de données complexe peut être difficile à lire en portrait. Prévoyez une version responsive ou permettez le scroll horizontal.

3. Les gestes complexes (Pointer Gestures)

Évitez de baser des interactions uniquement sur des gestes complexes (glisser avec plusieurs doigts, secouer, dessiner une forme).

• La règle : Tout geste complexe doit avoir une alternative simple (ex: un bouton "cliquable" pour faire défiler un carrousel, en plus du "swipe").

4. Le contraste des éléments non textuels

On pense souvent au contraste du texte, mais qu'en est-il des icônes et des boutons ?

• La règle : Les composants d'interface (bordures de champs, icônes de menu) doivent avoir un ratio de contraste d'au moins 3:1 avec l'arrière-plan.

Tester sur mobile : les outils

Ne vous fiez pas uniquement à la vue "mobile" de votre navigateur de bureau. Testez sur de vrais appareils mobiles avec les technologies d'assistance natives :

• VoiceOver sur iOS.
• TalkBack sur Android.

Ces lecteurs d'écran sont essentiels pour valider l'expérience des personnes aveugles ou malvoyantes sur vos sites et applications mobiles.

L'expérience tactile est radicalement différente de la navigation à la souris. Un bouton peut être accessible au clic mais impossible à activer au toucher s'il est masqué par un autre élément transparent.

Conclusion

L'amélioration de l'accessibilité mobile est critique. Un site non navigable sur smartphone exclut de fait une immense partie de la population. Intégrez ces tests dès la phase de design !