Des liens, boutons, et composants d’interface assez grands

dans L’accessibilité Web illustrée : explorez ses effets et ses bénéfices pour tous

About this translation

Cette traduction faite par des volontaires peut ne pas refléter les intentions de l’original en anglais.

Traduction : Sofia Ahmed, Rémi Bétin. Contribution : Sandra Velarde Gonzalez (ETNIC).
L’Initiative pour l’Accessibilité du Web (WAI) remercie les traducteurs, et accueille volontiers d’autres traductions.

L’accessibilité Web est essentielle pour les personnes en situation de handicap et utile à tous. Découvrez les effets de l’accessibilité et les bénéfices pour tous dans diverses situations.

Vidéo concernant des liens, des boutons, et des composants d’interface assez grands

Les informations de cette vidéo sont disponibles sous forme de Transcription avec description des visuels en bas de la page.

Que signifie « des liens, des boutons, et des composants d’interface assez grands » ?

La zone pour cliquer et toucher sur des composants d’interface doit être suffisamment grande pour pouvoir les activer. Cela comprend les liens, les boutons, les cases à cocher, et les autres composants d’interface. Les petits composants d’interfaces, et les composants d’interface trop rapprochés, sont difficiles à utiliser pour de nombreuses personnes. C’est particulièrement le cas sur les appareils mobiles avec de petits écrans.

Qui dépend de cette fonctionnalité ?

Les personnes en situation de handicap physique avec une dextérité réduite.

Quels sont les autres bénéfices ?

Le contenu est plus facile à utiliser sur les écrans tactiles, particulièrement sur des petits appareils mobiles.
Le contenu est plus facile à utiliser pour les personnes qui ne maîtrisent pas l’utilisation de la souris ou du pavé tactile de leur ordinateur.
Le contenu est plus facile à utiliser dans les situations où l’appareil ne peut pas être maintenu stable.

Comment mettre cela en pratique ?

Créez des composants d’interface ou des zones d’activation assez grands autour des composants d’interface. (Augmenter la taille de la police du composant d’interface n’est parfois pas suffisant). Séparez de manière adéquate les composants d’interface sélectionnables. Fournissez des étiquettes pour les composants d’interface, qui élargissent la zone d’activation dans de nombreux navigateurs car l’étiquette des cases à cocher et des boutons d’options est également cliquable.

Plus d’informations

Principes d’accessibilité :
- Les utilisateurs peuvent facilement naviguer, trouver des contenus, et déterminer où ils sont
Pour démarrer :
- Créez des designs pour différentes tailles de fenêtres d’affichage
- Assurez-vous que les éléments de formulaire incluent des étiquettes clairement associées
Vérification simple :
- Formulaires, étiquettes, et erreurs (en anglais)
Témoignage d’utilisateur :
- Yun, retraité avec une mauvaise vue, un tremblement des mains, et une perte de mémoire à court terme
Règles d’accessibilité pour les contenus Web (Vue d’ensemble des WCAG) :
- Critères de succès liés aux “étiquettes”

Transcription avec description des visuels

Audio	Visuel
L’accessibilité Web illustrée : Des liens, boutons, et composants d’interface assez grands	L’accessibilité Web illustrée : des liens, boutons, et composants d’interface assez grands
Essayer d’atteindre une petite cible demande beaucoup d’efforts.	Une femme tente d’enfiler du fil dans une aiguille, mais n’y parvient pas.
De nombreux sites Web et applications tentent d’enfiler du fil dans une aiguille.	La femme n’arrive pas à taper sur des petits liens d’un site Web.
Mais sur le Web, il est possible de rendre les zones cliquables et touchables plus faciles à utiliser.	Les liens deviennent plus grands et la jeune femme peut désormais appuyer dessus.
C’est pratique sur les appareils mobiles, en particulier lorsque l’on est en mouvement.	La femme utilise une tablette en préparant un café.
C’est indispensable pour les personnes avec une dextérité réduite.	Une autre femme dont la main tremble est incapable de naviguer de manière précise avec la souris et ne réussit pas à cliquer sur des petits boutons d’un site Web.
L’accessibilité Web : essentielle pour certains, utile à tous.	Les boutons deviennent plus grands et la femme atteinte de tremblements est maintenant capable de cliquer dessus.
Visitez w3.org/WAI/perspectives pour plus d’informations sur Des liens, des boutons, et des commandes assez grands.	Visitez w3.org/WAI/perspectives pour plus d’informations sur Des liens, des boutons, et des commandes assez grands. Logo de l’Initiative pour l’accessibilité du Web de W3C

Retour en haut de page