Numérique Responsable

Scores de cette page :

EcoIndex A
SEO 100%
Accessibilité 100%
Performance 100%
Bonnes Pratiques 100%

Le numérique n’est pas immatériel : derrière chaque site, chaque donnée et chaque usage se trouvent des équipements, des infrastructures et des ressources. Le numérique responsable consiste à tenir compte de ces impacts pour faire des choix plus sobres, plus durables et plus inclusifs, sans renoncer à l’utilité du numérique.

Consciente depuis longtemps des enjeux écologiques croissants auxquels notre société est confrontée, j’ai choisi d’intégrer pleinement cette réflexion à ma pratique du métier de développeuse web.

Cette démarche ne se limite toutefois pas à l’écologie : pour l’Institut du Numérique Responsable (INR), elle s’articule autour de quatre piliers indissociables — la gouvernance, la gestion durable des équipements, la sobriété des usages et l’accessibilité. C’est à travers ces quatre dimensions que je vous présente ici ma façon d’intégrer le numérique responsable à chaque étape de la vie d’un site.

Pilier 1 : Gouvernance et Sensibilisation

Intégrer les enjeux du numérique responsable dès le cadrage du projet et acculturer les équipes à ces pratiques fondamentales.

Un fait majeur : la pédagogie et l'autonomie sont les premiers facteurs de durabilité d'un site.

Concrètement pour vous : Une intégration fluide des critères écoresponsables dès le départ du projet. Je vous aide à aligner vos objectifs d'image ou vos obligations réglementaires (comme la loi REEN) avec des choix techniques concrets, tout en sensibilisant vos équipes aux bonnes pratiques de contribution durable.

Quelques exemples dans mes réalisations
Thème WP sur mesure d'après des maquettes complexes pour une agence de communication responsable

Contrainte Green IT imposée par le client en amont du projet — un exemple de gouvernance numérique responsable côté client, avant même le développement.

Client

Livrables pédagogiques : Rédaction de guides de contribution sur-mesure pour mes clients (ex: protocole d'optimisation des visuels avant téléversement, structuration sémantique des articles de blog pour préserver l'accessibilité sans intervention technique).

La sensibilisation étant le point de départ de toute démarche responsable, je propose également des ateliers et des conférences dédiés sur ces sujets.

Organiser un atelier ou une conférence

Évolution légale : depuis le 1er janvier 2025, la loi REEN impose légalement aux communes et intercommunalités de plus de 50 000 habitants de définir et publier une Stratégie Numérique Responsable locale. (LOI n° 2021-1485 Article 3)

Approfondir le sujet

Gouvernance : Who's who en France ?
La France possède un écosystème très structuré sur le sujet :
• Étatiques et Régulateurs : L'ADEME (Agence de la transition écologique) et l'ARCEP (Régulateur des télécoms) qui publient conjointement les rapports de référence sur l'empreinte environnementale. La DINUM (Direction interministérielle du numérique), qui pilote la stratégie écoresponsable de l'État.
• Associations et Groupements d'intérêt : L'INR (Institut du Numérique Responsable) qui propose des labels (Label NR) et des chartes pour les organisations. Le collectif Green IT (fondé par Frédéric Bordage), à l'origine des premiers référentiels et outils de mesure en France.

Le cadre légal français et européen :
La France est pionnière en matière de législation sur le numérique durable :
• La loi AGEC (2021) : Impose notamment l'affichage d'un indice de réparabilité (devenu progressivement indice de durabilité pour plusieurs appareils) (Ministère Écologie). Elle contraint l'État et les collectivités à intégrer au moins 20 % de matériel informatique reconditionné dans leurs achats publics.
• La loi REEN (2021) : C'est la loi spécifique "Réduction de l'Empreinte Environnementale du Numérique". Elle impose également l'intégration de modules de sensibilisation au numérique écoresponsable dans les formations d'ingénieurs et d'informaticiens (Légifrance).
• À l'international et en Europe : L'Union Européenne utilise le levier du Green Deal et de la directive CSRD (imposant des rapports extra-financiers stricts aux entreprises) (Commission Européenne). Les règlements européens imposent désormais aux fabricants de smartphones et tablettes de garantir la disponibilité des pièces de rechange et des mises à jour logicielles pendant une durée minimale de 5 ans.

Pilier 2 : Gestion des Équipements et Infrastructures

Prendre en compte l'impact physique réel du numérique en optimisant l'hébergement et en limitant l'obsolescence programmée des terminaux.

Une réalité invisible : un site optimisé préserve la batterie et prolonge l'autonomie des appareils de vos visiteurs.

Concrètement pour vous : Je vous conseille un herbergeur vertueux et je conçois un site léger afin qu'il reste parfaitement fluide sur des smartphones anciens ou des connexions mobiles limitées (3G/4G dégradée), évitant d'exclure vos usagers ou de les pousser au renouvellement matériel.

Quelques exemples dans mes réalisations
Ce site — HTML pur, 100/100 Lighthouse, EcoIndex A

Hébergé chez Infomaniak (énergie 100% renouvelable d'origine hydraulique, PUE inférieur à 1.1), avec un score EcoIndex A confirmé en continu, page par page, directement affiché sur le site.

Personnel
Site WordPress sur mesure pour un cinéma associatif — films, séances, festivals et événements via API

Hébergé chez Infomaniak. Score EcoIndex B mesuré sur la page d'accueil — un thème WordPress reste par nature plus lourd qu'un site codé à la main, mais le choix d'un hébergeur vertueux limite l'impact au-delà du seul code.

Client
Adaptation d'un thème gratuit pour un catalogue de vans aménagés, budget très contraint

Hébergé chez Infomaniak. Score EcoIndex A mesuré au moment de la livraison.

Client

Choix d'infrastructures : Lorsque le contexte le permet, je privilégie l'orientation vers des hébergements écoresponsables à faible PUE (Power Usage Effectiveness) utilisant des énergies 100% renouvelables et un refroidissement optimisé sans climatisation liquide perdue.

Chiffre clé : le numérique représente environ 4 % des émissions mondiales de GES, soit davantage que l'aviation civile.

Approfondir le sujet

Pourquoi les équipements représentent-ils l'enjeu principal ?>
L’illusion de la "dématérialisation" masque une réalité physique lourde. Les raisons d'agir sont triples :
• Environnementales : Émissions de gaz à effet de serre (GES), épuisement de l'eau douce (refroidissement des data centers) et consommation de matières premières critiques (terres rares, lithium, cobalt).
• Géopolitiques et économiques : La dépendance aux pays producteurs de métaux et la hausse continue des coûts de l'énergie.
• Sociales : Conditions d'extraction des minerais et fracture numérique (exclusion des personnes n'ayant pas accès aux technologies ou ne sachant pas s'en servir).

Les chiffres clés mondiaux et nationaux :
• Part globale : Le numérique représente environ 4% des émissions mondiales de GES (INR). En France, il pèse pour environ 4,4 % des émissions nationales.
• Le facteur matériel : Il y a près de 48 milliards d'équipements connectés dans le monde. Un smartphone nécessite environ 50 à 70 métaux différents pour sa construction. Le taux de collecte mondial des smartphones pour recyclage stagne sous la barre des 5 % (ARCEP).
• En France, près de 78% de l'impact environnemental global du numérique provient uniquement de la phase de fabrication des équipements matériels et non de leur utilisation. (Rapport ADEME-ARCEP)

L'effet de l'Intelligence Artificielle :
L'essor massif de l'IA générative pèse sur les infrastructures. Bien que les besoins varient considérablement selon l'architecture des modèles utilisés, les requêtes d'IA requièrent une intensité énergétique accrue par rapport aux moteurs de recherche classiques. Certaines projections prospectives estiment que l'empreinte de l'IA pourrait connaître une croissance significative d'ici 2030, incitant le secteur à se tourner vers l'éco-conception des modèles eux-mêmes (le Small AI ou l'optimisation de l'inférence) (IEA Electricity Report).

Comment agir ? La pyramide de la sobriété numérique :
• Allonger la durée de vie des équipements : C'est le levier n°1. Passer de 2 à 4 ans d'utilisation pour un ordinateur ou une tablette améliore son bilan environnemental global de 50 % (Mission Interministérielle).
• Infrastructures et Data Centers : Optimisation du refroidissement (PUE - Power Usage Effectiveness), approvisionnement en énergies renouvelables, et valorisation de la chaleur fatale (réutiliser la chaleur des serveurs pour les réseaux urbains).

Pilier 3 : Sobriété Numérique et Usages

Appliquer l'éco-conception logicielle en suivant la règle des 3U (Utile, Utilisable, Utilisé) afin de concevoir des interfaces débarrassées du superflu.

Une donnée surprenante : près de 70% des fonctionnalités demandées sur un site ne sont jamais ou rarement utilisées.

Concrètement pour vous :

• Un site rapide qui réduit le volume de données transférées, diminue la sollicitation du processeur de vos visiteurs, tout en améliorant directement votre référencement naturel (SEO) et l'expérience utilisateur.

• La sobriété quand elle a du sens : L'objectif n'est pas de brider votre projet par dogme écologique, car l'éco-conception n'est pas une fin en soi, mais un outil d'efficacité business au service d'un parcours fluide.

Quelques exemples dans mes réalisations
Thème WP sur mesure d'après des maquettes complexes pour une agence de communication responsable

Meilleure note Green IT possible malgré des choix visuels et techniques imposés en amont — de l'éco-réalisation, pas de l'éco-conception.

Client
Ce site — HTML pur, 100/100 Lighthouse, EcoIndex A

Aucune fonctionnalité superflue : la sobriété comme point de départ, pas comme contrainte ajoutée après coup.

Personnel
Site WordPress sur mesure pour un cinéma associatif — films, séances, festivals et événements via API

Newsletter WordPress écartée après évaluation : les extensions disponibles étaient hors budget pour le besoin réel, la boîte mail existante suffisait.

Client

Optimisation technique : Code brut minifié sans frameworks lourds empilés, conversion automatisée des images aux formats de nouvelle génération (WebP, AVIF), bannissement des scripts tiers non sollicités et utilisation des polices système globales (Arial, Verdana) pour éviter des requêtes réseau inutiles.

La répartition des impacts : sur un site web non optimisé, le terminal de votre visiteur concentre à lui seul entre 60% et 80% de l'impact environnemental global du service. (Introduction RGESN)

Approfondir le sujet

Les impacts et enjeux d'un site web (La répartition sur 3 tiers) :
L'impact environnemental d'un site web ne se situe pas uniquement sur le serveur qui l'héberge. Il se répartit sur trois tiers :
• Le tiers Utilisateur (60% à 80% de l'impact) : Un site lourd ou mal codé oblige le processeur et la mémoire de l'appareil à travailler intensément. Cela consomme de la batterie, fait chauffer l'appareil et, à terme, accélère son obsolescence.
• Le tiers Réseau (10% à 20% de l'impact) : Le volume de données transférées sollicite les infrastructures réseau (antennes, routeurs).
• Le tiers Serveur (10% à 20% de l'impact) : L'espace de stockage et la puissance de calcul nécessaires dans le data center.

La méthode de conception (Inverser l'approche traditionnelle) :
[ Phase de Cadrage ] -> Définir l'Unité Fonctionnelle (Le besoin strict : ex: télécharger une attestation en moins de 3 clics).
[ Phase d'UX/UI ] -> Éliminer le superflu (La sobriété fonctionnelle, zéro fonctionnalité superflue).
[ Phase de Dev ] -> Code propre, statique par défaut, assets et requêtes strictement limités.
[ Phase d'Audit ] -> Mesure des performances techniques via des outils de référence.

Les leviers prioritaires pour agir :
• Design & UX : Limiter les images, bannir la vidéo en autoplay (première source de surconsommation de bande passante), privilégier le "Mobile First" pour aller à l'essentiel, et utiliser des polices système pour s'affranchir de fichiers tiers lourds.
• Développement : Préférer le statique au dynamique (générateurs type Hugo ou mise en cache agressive plutôt qu'un CMS interrogeant une base de données à chaque clic), compresser radicalement les fichiers et limiter les trackers publicitaires ou scripts tiers (outils d'analyse, widgets sociaux).
• Hébergement : Choisir un hébergeur vertueux affichant un PUE proche de 1 et utilisant des technologies de refroidissement par eau en circuit fermé.

Comment mesurer ? Les outils d'évaluation qui font foi :
• EcoIndex.fr : Donne une note de A à G, un score sur 100, ainsi que la consommation en eau et GES équivalents.
• Lighthouse (Google DevTools) : Intégré aux navigateurs, donne une vision immédiate de la vitesse, des performances et de la lourdeur du code.
• PageSpeed Insights : Mesure l'efficacité du site en conditions réelles sur mobile et ordinateur (Google Dev).

De nombreuses études sectorielles démontrent qu'une amélioration notable des temps de chargement techniques peut avoir un impact particulièrement significatif sur la fidélisation des usagers et sur vos taux de conversion commerciaux (WPO Stats Case Studies).

Le cadre réglementaire : Le Référentiel Général d'Éco-conception des Services Numériques (RGESN) fixe les critères vérifiables répartis en thématiques pour auditer les plateformes web publiques et privées (disponible sur ecoresponsable.numerique.gouv.fr).

Pilier 4 : Inclusion et Accessibilité

Développer en respectant scrupuleusement les standards universels pour qu'un site internet soit utilisable par n'importe qui, sans discrimination liée à un handicap.

Un impératif d'inclusion : un site accessible ouvre votre marché à plus de 12 millions de clients potentiels en France.

Concrètement pour vous : Un site conçu pour respecter rigoureusement les exigences du RGAA et de la loi européenne EAA, minimisant ainsi vos risques de sanctions financières tout en ouvrant vos services de manière autonome à l'ensemble de vos usagers.

Quelques exemples dans mes réalisations
Thème WP sur mesure d'après des maquettes complexes pour une agence de communication responsable

Blocs Gutenberg sur mesure et structure HTML pensée pour rester compréhensible — un préalable à toute démarche d'accessibilité.

Client
Ce site — HTML pur, 100/100 Lighthouse, EcoIndex A

Structure HTML sémantique, sans dépendance à du JavaScript pour la navigation.

Personnel
Cartographie interactive multi-géométrie : bloc Gutenberg et page d'archive POI synchronisée

Bloc cartographique conçu avec légende dynamique et POI vérifiés — une attention à la fiabilité de l'information affichée, prérequis à l'accessibilité.

Client

Intégration de l'accessibilité : Utilisation rigoureuse du HTML5 sémantique pour structurer les titres, implémentation des attributs ARIA pour guider les technologies d'assistance (lecteurs d'écran type NVDA ou VoiceOver), préservation obligatoire du focus visuel pour la navigation 100% clavier, et validation systématique des contrastes de couleurs selon les ratios réglementaires (minimum 4.5:1).

L'état du web mondial : le baromètre WebAIM révèle que 95,9% des pages d'accueil analysées sur le web présentent des défauts de conformité directement détectables. (Baromètre WebAIM)

Approfondir le sujet

L'accessibilité, pilier social du Numérique Responsable :
Le numérique responsable repose sur les trois piliers du développement durable (People, Planet, Profit). L'accessibilité s'inscrit directement dans le volet social (People) par l'inclusion universelle (ne laisser personne de côté) et l'équité d'accès pour exercer ses droits en ligne de manière autonome. On ne peut qualifier un service de "responsable" s'il est écologique mais inutilisable par 15 % de la population. L'accessibilité est prioritaire.

La convergence technique avec l'Éco-conception :
• Code propre et sémantique : Utiliser des balises HTML appropriées aide à la fois les lecteurs d'écran et permet aux moteurs de recherche et serveurs de traiter l'information plus efficacement.
• Sobriété des interfaces : Un design épuré, sans animations agressives ou vidéos en autoplay, consomme moins d'énergie (écologique) tout en étant beaucoup moins fatigant pour les personnes souffrant de troubles cognitifs ou de l'attention (accessible).
• Compatibilité matérielle : Un site léger fonctionne sur des terminaux anciens, prolongeant leur durée de vie (baisse des déchets) tout en incluant les populations mal desservies en réseau.

Les 4 grands types de handicaps concernés :
• Visuel (cécité, malvoyance, daltonisme, presbytie) ; Auditif (surdité totale ou partielle) ; Moteur (incapacité à utiliser une souris, tremblements, paralysies) ; Cognitif & mental (dyslexie, autisme, TDAH, troubles de la mémoire).

Les Principes Fondamentaux : Les critères POID (POUR) :
• Perceptible (P) : Fournir des alternatives textuelles pour les images ou sous-titres pour les vidéos.
• Utilisable (O) : L'interface doit être entièrement contrôlable au clavier (sans souris).
• Intelligible (I) : Langage clair et messages d'erreurs explicites.
• Robuste (D) : Code valide et compatible avec les technologies d'assistance (NVDA, JAWS, VoiceOver).

Les chiffres clés et l'état du web :
• 12 millions : Nombre de Français touchés par au moins une forme de handicap (18% de la population). 85% des handicaps surviennent au cours de la vie (Portail d'État).
• Les 6 principaux fautifs : 96% des erreurs proviennent de contrastes insuffisants (84%), de l'absence d'alternatives sur les images (53%), de formulaires sans labels (51%), de liens vides, de boutons vides et de l'absence de déclaration de la langue du site (WebAIM).

Le cadre législatif et les sanctions :
• En France : La loi handicap de 2005 (Article 47) a posé l'obligation pour le secteur public. Le Décret du 9 octobre 2023 a transposé la directive européenne EAA dans le Code de la consommation français, fixant le calendrier et les sanctions pour le secteur privé à compter de l'échéance de juin 2025 (e-commerce, banques, transports) (Légifrance).
• Trois obligations d'affichage dès la page d'accueil sous peine de sanction : la mention de conformité (« Accessibilité : totalement / partiellement / non conforme »), un lien vers une Déclaration d'accessibilité et un lien vers un Schéma pluriannuel sur 3 ans.
• Sanctions : Jusqu'à 25 000 € d'amende administrative pour les organismes publics et les grandes entreprises ne publiant pas leur déclaration de conformité. Pour le secteur privé spécifiquement soumis à l'EAA (e-commerce, services bancaires), les manquements aux obligations d'accessibilité des produits et services peuvent faire l'objet de sanctions allant de l'amende administrative aux astreintes journalières fixées par les autorités de contrôle. (Code de la Consommation).

Référentiel technique de vérification officielle géré par la DINUM : Le Référentiel Général d'Amélioration de l'Accessibilité (RGAA) appliquant les normes internationales du WCAG (niveaux A, AA, AAA).