[ Accueil ]

Rendre tes contenus textuels accessibles

Ça veut dire quoi ?

C’est concevoir et organiser l’information écrite pour qu’elle soit facile à lire, à comprendre et à utiliser par tout le monde. Cela s’applique peu importe le support, l’environnement ou la manière dont le contenu est consulté (sur un écran, lu à voix haute par un lecteur d’écran, agrandi, etc.).

C’est une démarche qui englobe le choix des mots et la clarté du message (le fond), ainsi que la présentation visuelle et la hiérarchie (la forme). L’objectif est de s’assurer que la rédaction et la structure de tes textes supportent pleinement l’accès à l’information pour toutes et tous.

Pourquoi ?

Bien rédiger et structurer le contenu est essentiel. Tout le monde lit différemment ; clarté et structure profitent à tous·tes, rendant l’information plus fluide, agréable et facile à digérer.

Cela réduit la fatigue et les erreurs, notamment dans les formulaires. Les utilisateurices « scannent » les pages pour trouver vite l’essentiel. Une bonne mise en forme rend l’information immédiate et décourage moins.

Pour les personnes utilisant des lecteurs d’écran, le zoom ou ayant des troubles de l’attention, une structure claire est indispensable.

C’est aussi excellent pour l’expérience utilisateurices (UX), cela favorise l’autonomie.

De plus, un contenu clair et structuré améliore le référencement (SEO) et maintient l’attention de l’audience, ce qui réduit le taux de rebond.

Comment m’y prendre ?

Commence par la rédaction : Utilise un vocabulaire simple et courant, en évitant le jargon technique et en expliquant tout acronyme ou terme complexe à sa première mention. Crée des phrases courtes et directes pour une meilleure clarté. Structure tes idées avec des paragraphes concis pour aérer ton texte, et utilise des listes à puces pour présenter les informations structurées de manière claire et faciliter la lecture rapide.

Ensuite, concentre-toi sur la structure visuelle et l’organisation de tes contenus. Utilise les styles de titres (Titre 1, Titre 2, etc.) de ton logiciel pour construire une hiérarchie logique; chaque titre doit clairement indiquer le contenu de sa section.

Pour la lisibilité, assure un contraste suffisant entre le texte et l’arrière-plan et privilégie une police de caractère simple avec une taille confortable (au moins 16px est une bonne référence).

Garantis également un interlignage et un espacement généreux entre les paragraphes pour que le texte « respire ». Aligne au maximum le texte à gauche, car la justification complète ou le centrage des longs blocs peuvent rendre la lecture difficile.

Enfin, n’utilise jamais la couleur seule ou le gras/majuscules comme unique moyen de transmettre une information cruciale ; double toujours l’information par un autre indicateur (texte, icône, motif).

Vérifie également que le texte est rédigé dans la langue de la page, si ce n’est pas le cas pas de panique, il faut simplement ajouter un changement de langue avant le texte, la phrase, ou le mot qui n’est pas dans la langue de la page. Si ce n’est pas fait, la synthèse vocale continuera de parler dans la langue de la page et un texte anglais lu avec une synthèse vocale française ne veut parfois pas dire grand chose.

C’est bien aussi de penser à l’inclusivité dans ses textes, mais encore faut il savoir concilier les deux, car l’écriture inclusive peut parfois entrer en conflit avec l’accessibilité. Il faut essayer de :

  • Utiliser des reformulations neutres et englobantes: « développeurs » → « équipe de développement »
  • Utiliser des doublets complets : « développeuses et développeurs »
  • Privilégier les formulations épicènes : « les spécialistes », « les destinataires”
  • Éviter les signes qui perturbent les lecteurs d’écran comme les point médian systématique, les slash et parenthèses, etc.). S’ils sont utilisés, il faut les réserver à des cas ponctuels.
  • Relire les contenus avec des outils d’accessibilité (lecteur d’écran, navigation clavier) pour vérifier l’expérience utilisateur.

Les astuces

N°1.

Si tu veux utiliser du gras, utilise les balises « strong » plutôt que « b » si tu veux utiliser de l’italique, utilise les balises « em » plutôt que « i ».  L’utilisation de ces balises est comprise par la synthèse vocale qui adaptera sa verbosité à l’oral.

N°2.

Une largeur de colonne idéale se situe entre 45 et 75 caractères par ligne (environ 9 à 12 mots) pour un confort de lecture optimal. Tu peux par exemple utiliser l’unité CSS basée sur le nombre de caractères : max-width: 65ch.

N°3.

Utilise des unités responsives pour les textes (type ‘rem’ ou ’em’) et non des unités fixes comme les ‘px’. Cela permet à la taille du texte de s’adapter au contexte de l’utilisateurice.

N°4.

Si ton contenu utilise des termes très spécifiques, un glossaire peut être très utile pour clarifier le vocabulaire.

N°5.

La lisibilité ne se joue pas qu’au niveau des mots ; un bon rythme visuel avec des aérations et des marges évite de surcharger la page.

N°6.

N’utilise jamais d’images à la place de texte. Le contenu des images n’est pas lisible par tout le monde, ni tout le temps.
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors