Ce site est accessible, éco-conçu et rapide

Accessible

Le site suit 100% des recommandations du RGAA (le référentiel général d’amélioration de l’accessibilité) édité par la direction interministérielle du numérique.

Concrètement, cela veut dire par exemple que si vous avez du mal à distinguer les couleurs, si vous n’êtes pas en capacité d’utiliser une souris, si vous utilisez un lecteur d’écran audio pour naviguer, l’usage de ce site est parfaitement possible.

Éco-conçu

On va pas se mentir : un site vraiment 100% éco-conçu, c’est un site qu’on a évité de créer. Mais si on a une présence sur le web, posons-nous la question de son impact environnemental.

Ce site est constitué de très peu de pages, et n’a pas de formulaire de contact, dans le but de réduire les appels serveur et au final l’impact environnemental. Le gros accent mis sur les performances web (voir plus bas) joue aussi un rôle très important sur l’éco-conception.

Il est estimé que 0,01 g de CO₂ en moyenne est produit à chaque visite sur une page du site. C’est 69 fois moins qu’en moyenne sur le web d’après le Web Almanac (anglais). Vous voyez ce que ça fait déjà, 69 fois moins, Larmina ?

Vous pouvez voir en détail cet audit automatisé réalisé sur kastor.green, où les pages de manu.habite.la obtiennent en moyenne un score de 98/100 en éco-conception :

Audit Kastor.green de la page d'accueil du site : score global de 97/100

Rapide

Ce site est rapide. Très rapide.

Site statique, à peine quelques lignes de JavaScript, images en AVIF, css inline traité par purgecss, (rares) polices de caractères subsettées… Beaucoup de jargon qui donne un résultat qui parle de lui-même. Et qui est encore améliorable !

Pour fonctionner, le site télécharge 30 fois moins de données qu’un site web moyen d’après le Web Almanac (anglais).

Une attention particulière est mise sur les Core Web Vitals, des mesures clés de performances web, reconnues dans l’industrie.

Sur WebPageTest, avec la simulation d’un téléphone vieux, lent, et loin (Motorola G 4 aux États-Unis, en 4G avec 170ms de latence), le chargement du site met à peine plus d’une seconde. Essayez par vous-même avec le site que vous voulez, vous verrez qu’un téléphone vieux de juste quelques années, ça rame !

Allez voir l’audit WebPageTest en détail :

Audit WebPageTest (anglais)

Conclusion

Tout compte fait, ce site est une petite représentation de ce à quoi ça peut ressembler de travailler avec moi. Une focalisation sur les points fondamentaux du web, avec une certaine attention du détail, même pour un petit site de contenu.

On se lance ?