Mon approche

Un accompagnement flexible dans la durée :
Chaque structure évolue à son rythme. C'est pourquoi je propose un cadre modulable selon vos besoins réels : qu'il s'agisse d'une intervention technique ponctuelle (renfort sur une brique de code spécifique, audit de performance) ou d'un suivi régulier dans la durée pour faire grandir vos plateformes en fonction de vos retours utilisateurs, l'accompagnement reste entièrement agile.

Dépasser la dépendance technique pour garantir l'autonomie :
Trop souvent, les structures se retrouvent bloquées après la livraison. La moindre modification de texte ou création de page nécessite un prestataire tiers, générant de la frustration et l'abandon progressif de l'outil. Transmettre les clés de compréhension permet aux mairies, PME ou offices de tourisme de reprendre le contrôle et d'agir vite, au rythme de leur actualité.

Qu'est-ce qu'Opquast (Open Quality Standards) ?
Opquast est à la fois une entreprise à mission française, une communauté internationale et le principal référentiel francophone d'assurance qualité web. Son objectif est de réduire les risques et les irritants rencontrés par les utilisateurs au travers de règles pragmatiques, universelles et vérifiables.

Le modèle VPTCS :
• Visibilité : le site et ses contenus peuvent-ils être trouvés ?
• Perception : les informations sont-elles accessibles et compréhensibles ?
• Technique : le service fonctionne-t-il de manière robuste et fiable ?
• Contenus : les informations sont-elles pertinentes, honnêtes et utiles ?
• Services : l'expérience reste-t-elle satisfaisante avant, pendant et après l'utilisation ?

Titulaire de la certification Opquast, j'utilise ce référentiel comme cadre de conception afin d'intégrer les exigences de qualité dès le cadrage du projet plutôt que de tenter de les corriger après coup.

Moins de code, plus de vitesse :
• Réduire le poids des pages améliore le temps de réponse du serveur (TTFB) et la vitesse d'affichage du contenu principal (LCP).
• Limiter les animations complexes et les traitements inutiles améliore la réactivité des interactions (INP).
• Un site plus léger consomme moins de ressources côté serveur comme côté utilisateur.

Comment mesurer la performance ?
• Lighthouse et PageSpeed Insights évaluent la qualité technique et l'expérience utilisateur à partir d'indicateurs standardisés.
• EcoIndex mesure l'empreinte technique d'une page et sensibilise à son impact environnemental.
• Les Core Web Vitals permettent de suivre l'évolution concrète des performances dans le temps.

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.

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).

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).

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).