Pourquoi faire un site éco-conçu ?
Nos activités numériques ont une empreinte carbone et environnementale importante. Une façon d’agir à son échelle est d’intégrer l’impact environnemental dès la conception du site, en le rendant moins gourmand en énergie. Ainsi, moins de CO2 est généré.
Le site obtient la note A et 81/100 sur ecoindex, A+ sur websitecarbon, 82/100 sur ecograder.
Ainsi, seulement 0,29g de CO2 est émis à chaque fois que quelqu’un visite une page.
Pour comparaison, la construction d’un smartphone émet 85,1 kg de CO2e.
Quelle a été notre démarche d’éco-conception ?
Voici les choix d’hébergement et de design qui ont été faits dès le début :
• Choix d’un hébergeur fonctionnant à l’énergie hydroélectrique et autres énergies renouvelables (Planethoster)
• Approche minimaliste : a-t-on vraiment besoin de toutes ces informations ou d’une énième image « green » impersonnelle ? en optimisant les mots et les images, en choisissant un thème minimaliste, le superflu est évité, la lecture facilitée, le site plus léger met moins de temps à charger et est donc moins énergivore
• Limite du scrolling pour aller à l’essentiel
• Photos tramées ou compressées (moins lourdes)
• Utilisation d’images vectorielles (moins lourdes)
• Pas de plugin superflus (énergivores)
• Choix de la police ecofont (téléchargeable gratuitement, elle insère des « trous » dans les lettres qui à l’impression permettraient d’économiser jusqu’à 50% d’encre)
• Possibilité donnée au visiteur de choisir l’affichage en mode sombre (moins énergivore)
• Test du site et amélioration continue dès lors que des modifications sont faites, afin de s’assurer du maintien de son empreinte à un niveau bas carbone
• Communication sur cette démarche : pour accélérer la prise de conscience collective et inspirer des démarches similaires
Et l’accessibilité dans tout ça ?
Aujourd’hui, seuls 3 à 10% des sites web sont accessibles, c’est-à-dire perceptibles, compréhensibles et navigables par tous. Il était important pour nous que le site ne soit pas seulement éco-conçu, mais éco-socio-conçu afin d’adresser les personnes en situation de handicap.
Or les démarches pour y arriver sont complexes car techniques et demanderaient beaucoup de temps. Pour le moment, notre score est de 61% grâce à l’installation d’un plugin et d’un code. Cela permet aux visiteurs d’accéder à des fonctionnalités dans la barre de gauche (boutons pour changer la taille du texte, augmenter les contrastes ou passer en niveau de gris) et de rendre les liens plus visibles au clavier (une bordure rouge en pointillés apparaît lorsque l’utilisateur navigue via le clavier).
Mais on compte bien progresser – et si vous avez des suggestions en open source on est preneur 😉
Envie d’en savoir plus sur l’éco-conception et le numérique responsable ?
• Sur l’éco-conception : je vous conseille le blog et les « cartes pense-bêtes pour designer écolo » de Web Design For The Planet
• Sur la police ecofont
• Sur l’empreinte du numérique : je vous recommande vivement de participer à un atelier La Fresque du Numérique pour apprendre plein de choses et définitivement changer vos habitudes !
• Envie de calculer l’impact carbone de vos usages numériques ? direction Impact CO2, un outil de l’Adème
• Envie d’évaluer votre empreinte environnementale professionnelle individuelle du numérique en kg eq. CO2 ? direction l’Institut du Numérique Responsable
Quelques exemples de sites éco-conçus qui explicitent leur démarche :
• Le site du festival Nancy Jazz Pulsations que le visiteur peut configurer à sa guise et qui en prime est un modèle de site accessible totalement conforme au référentiel du RGAA (une rareté !).
• Celui de Bouygues Telecom explicite les gains de performance environnementale obtenus grâce à l’éco-conception.
Et vous, avez-vous des sites remarquables à partager ? sur le plan de l’éco-conception et/ou de l’accessibilité ? Dites-le nous en commentaires !
Besoin d’une formation ou d’un accompagnement à la communication responsable ? Social fizz peut vous aider, contactez-nous ! (formation Qualiopi – financement possible)
0 commentaire