Créer un site Internet écologique & accessible ? 3 extensions pour vous aider

Est-ce que vous avez un site Internet écologique ?

Si comme moi, les sujets tournant autour de l’écologie et de l’inclusivité vous tiennent à cœur, vous avez sûrement envie que ces intérêts se répercutent sur votre site Internet. Comme tout ce qui a besoin d’énergie, votre site Internet a un impact carbone plus ou moins élevé selon l’hébergeur que vous avez choisi et les optimisations que vous ou votre prestataire avez mis en place.

Le problème, c’est que lorsque l’on aborde le sujet de la sobriété numérique et de l’éco-conception de sites Internet, on est vite dépassé, n’est-ce pas ? Comment faire en sorte que votre site sous WordPress réponde aux mêmes exigences de sobriété et d’inclusion que vous portez au quotidien dans vos valeurs ?

Et si je vous disais qu’il y a des outils magiques pour vous aider ?

Extensions de navigateur pour rendre votre site Internet plus accessible et inclusif

Daltonizer

Daltonize est une extension disponible sur Chrome / Brave, qui vous permet de visualiser votre site web à travers les yeux d’une personne daltonienne, selon son type de déficience visuelle.

Utile pour :

1. Vérifier le contraste de vos images
2. Vérifier la visibilité de vos CTA / CTV
3. Contrôler les contrastes et la visibilité des textes sur les différents fonds de couleurs

Vision sans daltonisme

Vision avec daltonisme de type deutéranopie

Vision avec daltonisme de type protanopie

Vision avec daltonisme de type tritanopie

Vision avec achromatopsie

Optimisateur Vert

Optimisateur Rouge

Vision sans daltonisme

Vision avec daltonisme de type deutéranopie

Vision avec daltonisme de type protanopie

Vision avec daltonisme de type tritanopie

Vision avec achromatopsie

Optimisateur Vert

Optimisateur Rouge

Accessibility Insights for Web

Disponible sur Chrome / Brave et sur Microsoft Edge, Accessibility Insights for Web se concentre lui sur l’optimisation des sites Internet pour les lecteurs d’écran et la navigation clavier. Il est davantage tourné vers les développeurs et concepteurs de sites web, mais il peut vous permettre d’avoir une idée rapide des problèmes d’accessibilité sur votre site Internet.

L’outil propose deux scénarios principaux :

1. FastPass : un processus rapide en deux étapes qui permet aux développeurs de détecter les problèmes d’accessibilité les plus courants et impactants en moins de 5 minutes.
   • Contrôles automatiques : l’outil vérifie automatiquement la conformité à environ 50 critères d’accessibilité.
   • Gestion des tabulations : l’outil fournit des instructions claires, une automatisation partielle et une aide visuelle pour identifier facilement les problèmes critiques liés à l’accessibilité au clavier, comme les arrêts de tabulation manquants, les pièges au clavier et l’ordre de tabulation incorrect.
2. Évaluation : permet à toute personne possédant des compétences en HTML de vérifier la conformité d’une application ou d’un site web aux Règles pour l’accessibilité des contenus Web (WCAG) 2.1 au niveau AA.
   • Contrôles automatiques : l’outil vérifie automatiquement la conformité à environ 50 critères d’accessibilité.
   • Tests manuels : l’outil fournit des instructions étape par étape, des exemples et des conseils pour résoudre une vingtaine de tests ; de nombreux tests sont “assistés”, ce qui signifie que l’outil identifie les instances de test ou fournit une aide visuelle.

Aperçu du menu des options

Résultat d’analyse Fast Pass

GreenIT-Analysis, l’extension navigateur d’écoresponsabilité numérique

L’écoconception est au cœur de mon offre WordPress, et c’est pourquoi j’ai fait le tour des outils qui peuvent m’aider à évaluer mon impact carbone lorsque je développe un site Internet. Je vous partage avec grand plaisir ces outils, pour que vous puissiez à votre tour mesurer l’impact de mon travail sur votre site web, ou obtenir un aperçu rapide de l’impact carbone de votre site, avant ou après optimisation.

Qui est derrière le collectif GreenIT ?

GreenIT est un collectif réputé créé en 2004, et qui fédère les experts qui ont développé les concepts de sobriété numérique, de low tech et d’écoconception. Cela fait donc pas moins de 20 ans (joyeux anniversaire à eux !) qu’ils travaillent d’arrache-pied à rendre le numérique plus écologique. Ils produisent des livres, des études, des guides référentiels et des formations dans le domaine, avec indépendance et transparence.

Comment utiliser l’extension ?

L’extension GreenIT-Analysis est disponible dans le panneau développeur (raccourci F12 ou CMD + ALT + i sur Mac). Voici comment il se compose :

L’extension vous permet de conserver un historique de votre score et d’exporter les données afin de surveiller les performances écoresponsables de votre site WordPress dans le temps. Même sans avoir un regard technique (il y a une quantité d’informations difficiles à appréhender pour les non développeurs) la note globale et les données concrètes de consommation en eau et de dépenses de CO² sont très utiles pour avoir une idée du coût énergétique de votre site Internet.

Outil bonus pour vérifier rapidement si votre site est écoresponsable : WebsiteCarbon

Vous avez remarqué le petit badge en pied de page sur mon site Internet ? Il s’agit du badge WebsiteCarbon.

WebsiteCarbon vous permet d’analyser de façon simple et visuelle l’impact carbone de votre site web, avec un score et votre positionnement sur l’Internet global, en matière d’écoconception. Plus facile à lire que l’extension GreenIT, cet outil est parfait pour avoir une vue rapide, quoique moins exhaustive, de vos efforts en matière de sobriété numérique.

Si vous travaillez vous mêmes sur votre site WordPress, allez plus loin en suivant mes recommandations pour un site WordPress plus écologique !