La communication responsable, ça passe aussi par l’accessibilité des contenus à tous les publics.
Un site internet peut être joli, bien construit, rapide… mais s’il est difficile à lire pour une partie de ses visiteurs, il reste finalement moins accessible qu’il pourrait l’être.
L’accessibilité ne concerne pas uniquement les personnes en situation de handicap. Nous sommes tous amenés, à un moment ou à un autre, à consulter un site sur un petit écran, avec une mauvaise luminosité, avec une vue moins bonne, ou simplement avec la fatigue de fin de journée.
Alors, puisque je parle régulièrement de communication responsable, il était temps que je fasse un petit ménage de printemps (d’été de canicule plus exactement 🥵) sur mon propre site !
🎁 En cadeau, une check-list rapide pour vérifier ton site (à retrouver plus bas dans l’article)
L’accessibilité, c’est quoi exactement ?
Quand on parle d’accessibilité d’un site internet, on pense souvent aux problématiques techniques : navigation au clavier, lecteurs d’écran, textes alternatifs des images…
Mais il y a aussi une dimension beaucoup plus visible : la lisibilité des contenus.
Le choix de la police, sa taille, l’espacement entre les lignes, la longueur des textes ou encore le contraste entre le texte et son arrière-plan ont tous leur importance. Un texte gris clair sur un fond blanc peut être très élégant sur une maquette. Beaucoup moins lorsqu’il faut réellement le lire.
Tous ces points concernant l’accessibilité sont regroupés dans le référentiel RGAA (Référentiel général d’amélioration de l’accessibilité). Il est utilisé en France pour évaluer et améliorer l’accessibilité des sites web et des services numériques. Ce n’est pas encore une obligation pour tout le monde, mais ça l’est déjà pour les services publics. Cela ne veut pas dire que l’accessibilité est inutile pour autant. Au contraire : améliorer les contrastes, la taille des textes, la navigation, la structure des contenus ou encore les alternatives aux images permet de rendre le site plus confortable pour tout le monde.
Et c’est justement sur ce point que j’ai décidé de retravailler mon site et ma charte graphique.
Une charte graphique qui manquait parfois de contraste
Si ce n’est pas ta première visite sur mon site, tu as sans doute remarqué quelques changements.
Auparavant, ma charte graphique était essentiellement composée de jaune et d’orange. Les textes étaient principalement noirs ou blancs. Le problème ? Le jaune et le blanc ne font pas toujours très bon ménage lorsqu’il s’agit de lire un contenu.
Le contraste était parfois trop faible, notamment pour certains textes ou éléments graphiques. J’aimais beaucoup ces couleurs (et je les aime toujours !) mais il fallait trouver un meilleur équilibre entre identité visuelle et confort de lecture.
Parce qu’une couleur peut être parfaitement cohérente avec une identité de marque et pourtant ne pas être suffisamment lisible.
Pour ce point en particulier, je me suis aidée de l’outil Contrast Finder, qui te donne un score de lisibilité en fonction du contraste entre les couleurs choisies pour les textes et les fonds. J’ai fait plusieurs essais, et je suis tombée d’accord pour une nouvelle palette.
Des couleurs plus lisibles
J’ai donc commencé par revoir certaines associations de couleurs.
L’objectif n’était pas de supprimer complètement les couleurs de ma charte graphique, mais de mieux les utiliser. Je n’étais pas prête à lâcher mon jaune favori 😍
Les fonds ont notamment été éclaircis et certaines couleurs ont été ajoutées afin d’obtenir un contraste plus important avec les textes.
Un changement discret car le jaune est toujours omniprésent, mais il est accompagné du bleu qui fait toute la différence quand on parcourt une page.
Et c’est finalement l’un des principes que j’aime beaucoup en communication responsable : chercher à faire mieux sans forcément tout refaire. Le logo reste le même, avec des couleurs plus contrastées.
Un logo plus visible
J’ai également augmenté la taille de mon logo dans le header du site. Cela peut sembler être un détail, mais un logo trop petit ou peu visible peut compliquer l’identification de la marque, notamment pour les personnes ayant une déficience visuelle.
Ici encore, l’idée n’était pas de transformer mon logo en panneau publicitaire clignotant façon Las Vegas.
Simplement de lui donner une taille suffisante pour qu’il soit facilement identifiable sur toutes les tailles d’écrans.
Des articles plus faciles à repérer et à lire
J’ai également retravaillé les vignettes qui présentent les articles du blog.
Le texte qui apparaît sur une image doit lui aussi rester facilement lisible. J’ai donc revu les contrastes entre les textes et les fonds des vignettes. J’en ai profité pour vérifier et mettre à jour les balises de description des images.
L’objectif est simple : pouvoir comprendre rapidement le titre d’un article sans avoir à plisser les yeux devant son écran. Parce que si ton visiteur doit sortir sa loupe pour savoir sur quoi il vient de cliquer, on peut probablement améliorer quelque chose.
Et j’ai aussi fait du tri
L’accessibilité passe aussi par le fait de permettre aux visiteurs de trouver facilement une information pertinente. J’ai donc profité de cette refonte pour faire un peu de tri dans mes anciens articles.
Certains contenus étaient devenus obsolètes, d’autres n’étaient plus vraiment pertinents ou méritaient simplement d’être mis à jour. D’autres encore n’étaient tout simplement pas visités 😬 Plutôt que de conserver toutes les publications accumulées au fil des années, j’ai donc supprimé ou trié certains contenus. Ainsi, on ne se perd pas au milieu d’informations qui ne sont plus d’actualité.
✔️ Ma mini check-list accessibilité
Avant de publier ou de refaire ton site, vérifie ces quelques points :
- ☐ Les textes sont suffisamment grands et faciles à lire.
- ☐ Les contrastes entre les textes et les fonds sont suffisants.
- ☐ Les titres sont bien structurés (H1, H2, H3…) pour faciliter la lecture.
- ☐ Les images importantes disposent d’un texte alternatif.
- ☐ Les boutons et les liens sont visibles, explicites et faciles à utiliser.
- ☐ Les contenus sont à jour et les informations obsolètes ont été supprimées.
👉 Quelques ajustements suffisent souvent à rendre un site plus agréable, plus inclusif… et plus efficace pour tous les visiteurs.
L’accessibilité : un travail continu
Ces modifications ne signifient évidemment pas que mon site est devenu « parfaitement accessible » du jour au lendemain.
L’accessibilité web est un sujet vaste, avec de nombreux critères à prendre en compte. Mais c’est justement ce qui me semble important : il n’est pas nécessaire d’attendre d’avoir le site parfait pour commencer à l’améliorer.
Revoir ses contrastes, augmenter la taille de certains textes, améliorer la lisibilité des boutons, structurer correctement ses contenus, ajouter des textes alternatifs aux images ou encore supprimer des informations obsolètes sont autant de petites actions qui peuvent améliorer l’expérience des visiteurs.
Et comme pour une démarche éco-responsable, l’idée n’est pas forcément de tout révolutionner en une fois.
On peut commencer par regarder ce qui existe déjà et se demander : « Est-ce que je peux faire mieux ? »
C’est exactement ce que j’ai fait avec mon propre site. Pour être en accord avec la communication responsable, il faut aussi réfléchir à la manière dont les personnes peuvent le recevoir, le comprendre et l’utiliser.
C’est aussi une forme de communication plus inclusive.
Tu as besoin de faire le point sur ton site internet ou tu envisages une refonte ? On peut en discuter !
Réserve ton
appel découverte
Un appel (ou visio) découverte 100 % gratuit et sans engagement. Pour faire connaissance, connaître tes besoins et te proposer un devis personnalisé.