Éco-conception et accessibilité

Le nouveau site web de Reims Santé au Travail a été repensé pour être plus sobre et respecter un maximum des grands principes de l’accessibilité numérique. 

Qu’est-ce que l’éco-conception numérique ?

L’éco-conception repose sur une méthodologie et un ensemble de bonnes pratiques visant à réduire l’impact environnemental d’un site web. Concrètement, cela consiste à minimiser les ressources techniques nécessaires à l’affichage d’une page ou à l’exécution d’une fonctionnalité, tout en répondant aux besoins des utilisateurs de manière optimale.

Par exemple, 

> Limiter les fonctionnalités dès la conception du site pour ne conserver que l’essentiel. 

> Choisir une arborescence simple et intuitive

> Favoriser les designs simples et épurés pour réduire la charge de traitement.

> Optimiser les parcours utilisateurs pour rendre la navigation plus fluide et efficace.

> Éviter la lecture et le chargement automatique des vidéos et des sons pour économiser de la bande passante.

> Réduire le nombre d’images sur chaque page pour diminuer le temps de chargement.

>Compresser les documents téléchargeables pour réduire leur taille et faciliter leur transfert.

> Recourir à de l’open source 

> Ne pas proposer de lecture infinie sur les pages, désactiver la lecture automatique des vidéos 

> Limiter le nombre de polices utilisées

> Utiliser une solution de mise en cache 

L’éco-conception permet ainsi de créer des sites web plus respectueux de l’environnement, sans compromettre la qualité de l’expérience utilisateur.

Résultat du test sur websitecarbon.com pour la page d’accueil – 18 juillet 2024. 

Disponible ici : https://www.websitecarbon.com/website/reimssantetravail-fr/ 

Le site web de Reims Santé au Travail propose :

> Une structure technique du site simplifiée : pas de fonctionnalités inutiles, code optimisé… 

> Une navigation optimisée : fil d’ariane, méga-menus, plan du site… 

> Un contraste important 

> Une structure de page simple (titre, sous-titres etc)

> Des formulaires de contact accessibles : messages d’erreur, étiquettes…

> Une alternative textuelle sur les images

> Un titre visible et précis sur les documents 

> Une compression des ressources

> Un moteur de recherche interne simple et performant

> Des liens correctement renseignés 

> Un interlignage important 

Un outil a été installé afin de modifier la police du site web, renforcer le contraste, augmenter l’interlignage et supprimer la justification. 

Il est prévu d’améliorer l’accessibilité numérique du site web de manière continue. 

Si vous n’arrivez pas à accéder à un contenu ou à un service sur notre site web, vous pouvez nous contacter pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme.