Avec Calliweb créer une expérience utilisateur inclusive.
Dans un monde numérique en constante évolution, l’accessibilité Web est une composante essentielle de toute stratégie digital. Chez Calliweb nous comprenons l’importance de créer des sites Web et des interfaces qui soient accessibles à tous les utilisateurs, quelles que soient leurs capacités ou leurs limitations.
Nous allons vous donner quelques points pour transformer votre présence en ligne en offrant une expérience immersive, inclusive à chaque visiteur.
Qu’est-ce que l’accessibilité ?
L’accessibilité fait partie des axes d’amélioration que nous travaillons toujours sur nos projets. Il est important de proposer les meilleures solutions à nos clients pour correspondre aux trois niveaux de conformité de WCAG 2.0 et 2.1 du W3C.
Ce sont les critères d’accessibilité internationaux
En niveau A :
La couleur n’est pas le seul moyen visuel de véhiculer l’information.
En niveau AA :
Les textes de petite taille ont un ratio de contraste au moins égal à 4.5.
En niveau AAA :
Les textes de petite taille ont un ratio de contraste au moins égal à 7.
20% des Français sont en situation de handicap.
Source: France handicap
Renforcer les couleurs et les contrastes
- Afin d’optimiser la lecture pour les personnes daltoniennes ou malvoyantes, il est conseillé d’optimiser les contrastes entre deux couleurs. Il faut aussi penser au contraste entre le texte et l’arrière-plan.
- Il faut aussi faire attention aux couleurs trop proches.
- Il est de notre devoir en tant que concepteur d’utiliser des couleurs en opposition. Dans les formulaires, les filtres, les états des CTA Etc, nous pensons toujours à utiliser des styles de couleur en opposition, à fin qu’elle ne vibre pas entre elle.
Contactez nos experts
La typographie
Pour être conforme aux normes d’accessibilité, Il faut donner la possibilité à l’utilisateur d’agrandir le corps des polices de caractères sans perte de lisibilité sur la page.
- Modifier la type de police : Certaines polices sont difficiles à lire.
- Modifier la taille de la police : Un texte un peu plus grand permettra une meilleure lisibilité.
- Rendre possible le zoom sur des pages : Certains éléments peuvent être trop petits.
- Mettre des “Alt Texte” aux images : Cela permet de décrire précisément l’image grâce à un court texte.
Le choix de la typographie
Les caractères similaires peuvent être source de confusion. Pour éviter cette situation, vous devez vérifier les différences entre les lettres L minuscule, i majuscule et le chiffre 1.
Dans les cas “extrêmes”, comme avec la typographie Gill Sans, les 3 caractères sont exactement les mêmes.
Attention également aux lettres miroirs d b p q. Dans certaines typographies comme Helvetica, Arial ou Gill Sans, ces lettres sont les exacts symétriques ce qui peut facilement entraîner des inversions. Privilégiez une police comme Raleway qui ajoute une légère distinction entre chaque caractère pour faciliter leur identification.
La taille du texte est bien évidemment un incontournable de l’accessibilité
On préconise notamment des textes de 14 à 20 px sur ordinateur, 13 à 19 px sur tablette et 12 à 16 px sur mobile. Il reste préférable d’avoir des textes de grande taille par défaut.
Les espacements entre les lettres, lignes et paragraphes sont également à prendre en compte. Des lignes trop rapprochées entre elles, ou à l’inverse trop éloignées, vont rendre difficile le passage de l’œil d’une ligne à l’autre. Des caractères ou mots trop rapprochés vont, quant à eux, complexifier la distinction entre eux. S’ils sont trop éloignés, à l’inverse, l’identification des liens entre les lettres qui forment un mot sera plus difficile.
Privilégiez un texte aligné à gauche et non justifié. Même si on peut penser que le texte justifié est visuellement plus agréable, ça va, en réalité, rendre le passage d’une ligne à l’autre plus difficile. Des espaces inégaux se créent aussi entre les mots, ce qui crée des lézardes nuisibles à la lecture.
À l’ère des écrans de plus en plus grands, évitez les textes en pleine largeur. Plus le texte sera écrit sur une zone large, plus il sera difficile de suivre sa ligne de lecture
La navigation et l’ergonomie
Fournir des options de navigation claires Les standards d’accessibilité web concernent aussi l’ergonomie du site. Des options de navigation conventionnelles représentent un véritable atout en termes d’accessibilité. La navigation doit être la même partout. Pour plus de confort, on peut ajouter un fil d’Ariane. A minima, deux moyens de navigation doivent être proposés à tous.
- Une datavisualisation réussie vaut souvent des dizaines de mots, dans un souci de simplicité et de lisibilité , il vaut mieux illustrer plutôt qu’expliquer.