Quand on parle d’accessibilité, on réfère souvent aux limitations visuelles, auditives ou motrices. On parle moins souvent des limitations cognitives.
Les limitations cognitives peuvent affecter la capacité d'une personne à comprendre, retenir, ou traiter des informations. En voici quelques exemples.
Exemple : Une personne a du mal à se concentrer sur une page contenant beaucoup de distractions visuelles ou sonores, comme des animations clignotantes ou de la musique automatique.
Solution :
Éviter les contenus animés qui ne peuvent pas être mis en pause.
Réduire les éléments distrayants et offrir une mise en page claire.
Exemple : Une personne a du mal à mémoriser des informations nécessaires pour accomplir une tâche, comme un code à saisir dans un formulaire après l'avoir lu sur une autre page.
Solution :
Fournir des rappels visuels et des instructions persistantes.
Autoriser les utilisateurs à copier/coller des informations entre les étapes.
Exemple : Une personne éprouve des difficultés à comprendre du texte écrit dense ou à décoder des mots mal structurés.
Solution :
Utiliser un langage simple et clair.
Fournir des aides visuelles comme des icônes, des images ou des vidéos explicatives.
Offrir des outils pour ajuster la présentation, comme changer la police ou agrandir le texte.
Exemple : Une personne a du mal à suivre des étapes complexes, comme un processus de paiement qui implique plusieurs formulaires répartis sur différentes pages.
Solution :
Diviser les tâches complexes en étapes simples et clairement définies.
Fournir une barre de progression pour indiquer où l’utilisateur en est.
Exemple : Une personne se sent dépassée par un site avec trop d'options ou des informations mal organisées.
Solution :
Réduire la quantité d’informations affichées à la fois (principe de "une chose à la fois").
Offrir des designs minimalistes avec une navigation intuitive.
Exemple : Une personne a du mal à identifier des relations logiques dans des tableaux complexes ou des graphiques interactifs.
Solution :
Utiliser des légendes explicites et des descriptions textuelles pour les graphiques.
Simplifier la présentation des données et proposer des alternatives textuelles.
Exemple : Une personne autiste peut être dérangée par des changements inattendus sur une page (comme un pop-up qui apparaît soudainement).
Solution :
Éviter les changements de contenu brusques sans avertissement.
Fournir des options pour désactiver les éléments dynamiques ou interactifs.
Exemple : Une personne peut avoir du mal à remplir un formulaire demandant des calculs ou des numéros de carte bancaire.
Solution :
Simplifier les entrées de données numériques (par exemple, ajouter un calculateur intégré ou détecter les erreurs automatiquement).
Afficher des formats guidés, comme un champ pour la date de naissance avec des menus déroulants.
Bien qu’il est vrai de dire qu’en adoptant des pratiques de design inclusif, on rend le Web plus accessible pour les personnes ayant des limitations cognitives. Il aussi vrai de dire que les pratiques de design inclusif rendent le web plus facile à naviguer pour tous!
Des formulaires simplifiés, des instructions claires et un environnement utilisateur épuré aident tous nos visiteurs et utilisateurs à accomplir leur mission sur notre site, notre application.
Ciao offre des services de tests utilisateurs, d’évaluation de l’accessibilité et de développement accessible.
Nous offrons aussi des formations pour développer les compétences de développement web, de rédaction et de communication accessible.
Vous voulez en savoir plus? Parlez-nous de votre projet!