Notre démarche d’éco-conception

Ce site a été pensé et conçu en suivant des démarches d’éco-conception et d’accessibilité numérique.

Éco-conception :

Nous nous sommes questionnées en phase de conception sur la méthodologie à mettre en place pour tendre vers un site sobre, notamment pour se fixer des limites en termes de contenu, éditorial. Compte-tenu de notre activité, nous n'avons pas pu renoncer à intégrer des images illustrant nos prestations et réalisations (en particulier quand ces dernières ne sont pas publiées, diffusées depuis les sites web de nos clients). De la même façon, nous avons fait le choix de conserver les polices non-systèmes sur ce site car nous jugeons l’impact relativement faible (décision sur laquelle nous sommes en train de revenir pour nos supports de formation rédigés en arial).

Nous avons notamment mis en œuvre les optimisations suivantes :

• développement d’un site statique ;
• choix d’un hébergement utilisant des sources d’énergie renouvelables et développant des méthodes efficaces d'optimisation de la consommation ; Nous avions auparavant choisi l’hébergeur Infomaniak chez qui nous sommes restées pour notre messagerie et avec lequel nous échangeons sur l’intégration de police inclusive dans leur suite Kdrive. Nous avons sélectionné Hetzner pour l'hébergement du site et du back-office.
• réduction des glyphes présents dans les fichiers de police de 417 à 144, soit une réduction de 75 % du poids ;
• utilisation dès que possible d’illustrations vectorielles plutôt que d’images ;
• compression et chargement différé des images, systématiquement proposées en plusieurs formats dont webp ;
• mise en place d’un temps de cache long sur les ressources statiques ;
• anticipation des évolutions des standards du web avec l’utilisation de brotli et http/3 ;

Ainsi, nous avons atteint un poids médian des pages 7,5 fois inférieur au poids médian d'une page web en 2022.

Accessibilité : Totalement conforme

Nous avons, bien-sûr, dès la conception travaillé avec le designer pour éviter des problèmes de contrastes entre la couleur du texte et son arrière-plan car nous savions que le rose de notre logo, lorsqu’il était utilisé avec une taille inférieure à 24px sans graisse n’offrait pas un rapport de contraste suffisant (4.5:1).

En phase de développement, nous avons suivi les bonnes pratiques recommandées par les référentiels tels que Opquast et le RGAA.

En phase de rédaction/contribution des contenus, nous essayons continuellement de respecter les critères du RGAA relatifs à l’éditorial. Nous nous appuyons notamment sur les notices d’accessibilité éditoriale Accede Web. Nous avons respecté les points suivants applicables à notre site (non exhaustifs) :

• utiliser correctement la hiérarchie des titres (balises H1, H2..) ;
• rempli les alternatives textuelles aux images porteuses d’information figurant dans nos réalisations ;
• laisser vide les alternatives aux images de décoration (les illustrations de notre page de liste sur le offres ;
• décrit les images nécessitant une description détaillée comme les sketchnotes que nous produisons sur certaines formations ;
• rédigé des intitulés de liens explicites,
• procédé au changement de langue pour les mots étrangers qui le nécessitent.