Table des matières
AA
Durée : 4 minutes
Testez-vous !
Principe
La taille des zones cliquables est un enjeu majeur d’accessibilité : boutons, liens et champs doivent pouvoir être sélectionnés facilement, même avec des gestes imprécis ou sur mobile.
Une cible trop petite rend l’action frustrante, voire impossible pour de nombreuses personnes (tremblements, basse vision, usage tactile…). Sur certains outils, une zone minuscule peut décourager ou générer des erreurs à répétition.
Explication audio (transcription disponible)
Transcription
On pense souvent à la couleur ou au texte… mais le premier obstacle, pour beaucoup, c’est le geste : réussir à cliquer là où il faut, du premier coup, sans rater.
Les standards recommandent au moins 24 par 24 pixels pour chaque cible cliquable, mais viser 44 par 44 pixels, c’est donner du confort à tous, et éviter la galère du zoom “pour pouvoir cliquer”.
Si une personne atteinte de Parkinson, une personne âgée, ou simplement quelqu’un sur smartphone doit s’y reprendre à plusieurs fois, c’est que la zone est trop petite : il faut l’agrandir !
À vérifier
- Garantir que les zones interactives essentielles (boutons, champs de formulaire, liens …) mesurent au moins 24 x 24 px (obligatoire AA) et idéalement 44 x 44 px (confort AAA).
- S’assurer que les champs, radios, cases à cocher, menus sont faciles à atteindre (au doigt, à la souris, au clavier).
- Vérifier sur mobile et tablette que la sélection reste facile, même pour une main tremblante ou en situation de basse vision.
Pour qui ?
- Handicap moteur (tremblements, Parkinson…)
- Basse vision, malvoyance
- Utilisateurs sur mobile ou tablette
- Personnes âgées
Pourquoi c’est important ?
Une zone cliquable trop petite, c’est un frein immédiat :
- Précision impossible pour certains publics
- Frustration, erreurs, décrochage
- L’accessibilité, c’est rendre l’action aussi simple que la lecture
Comment réussir
- Prévoyez des marges suffisantes : des boutons trop serrés ou superposés au contenu à scroller augmentent le risque de clics accidentels.
- Si l’outil impose des limites (ex : Storyline, interfaces fixes), soyez encore plus vigilant sur la taille réelle des cibles sur mobile.
- Testez vos modules sur mobile (au doigt), à la souris, en zoomant : si cliquer devient difficile en situation réelle, revoyez la taille.
Pour aller plus loin
- Web disability simulator : extension Chrome de simulation handicap moteur
Suivre ma progression :
Ce point est lu & terminé.