Avec les conseils d’Aurore, UX Designer, UX Strategist et experte en écoconception et accessibilité chez Tuesday
Votre site web a besoin de se refaire une beauté ?
Vous vous posez la question de l’intérêt de transiter vers une version éco-conçue et accessible ?
Bien vu ! Vous vous apprêtez à vous adapter aux nouvelles attentes sociétales…
Chez Tuesday, notre mission est de proposer des solutions digitales qui respectent à la fois les besoins des utilisateurs et les enjeux du développement durable. L’accessibilité de votre site Internet n’est plus simplement un « plus », elle devient une obligation légale pour certaines entreprises. De même, l'éco-conception permet de réduire l’impact écologique des services numériques, répondant ainsi à vos engagements en matière de responsabilité sociale des entreprises (RSE).
Dans cet article, nous allons explorer les obligations légales pour les entreprises en matière d'accessibilité et d'éco-conception, et vous fournir des bonnes pratiques pour intégrer ces deux éléments à vos projets web. Et pour mieux vous projeter et comprendre concrètement ce qu’implique la création de sites internet avec ces caractéristiques, nous avons demandé à Aurore, UX Designer et UX Strategist chez Tuesday et spécialiste en la matière, de vous partager ses conseils tirés de son expérience.
1. Qu’est-ce que l’accessibilité numérique et l’éco-conception ?
Accessibilité numérique : définition et principes clés
L'accessibilité numérique consiste à rendre un site ou une application utilisable par tous, y compris par les personnes en situation de handicap (visuel, auditif, moteur, ou cognitif). Cela implique l’adaptation des interfaces pour que chaque utilisateur puisse accéder à l’information et naviguer de manière fluide, quel que soit son équipement ou ses limitations.
Le conseil d'Aurore :
On a souvent tendance à croire que le handicap n'est que visuel ou moteur. Alors que l'accessibilité concerne aussi les personnes souffrant de neurodiversité (TDAH, dyslexie, autisme...) ainsi que les personnes âgées qui sont moins à l'aise avec le numérique et peuvent bénéficier des avantages d'une conception accessible et fluide.
Concrètement, cela implique le respect des quatre principes fondamentaux de l’accessibilité :
- Perceptible : les informations doivent pouvoir être perçues par tous, quel que soit leur sens de perception (vue, ouïe, toucher).
- Utilisable : l’interface doit être facile à naviguer et fonctionnelle.
- Compréhensible : le contenu doit être compréhensible par tous, même pour les personnes avec des limitations cognitives.
- Robuste : le contenu doit être compatible avec les technologies d’assistance, comme les lecteurs d’écran, et ce, sur le long terme.
Ces principes sont définis dans le RGAA (Référentiel Général d'Amélioration de l'Accessibilité), disponible sur le site de la Direction interministérielle du numérique. Comme vous le verrez, il s’agit d’un travail collaboratif avec une logique d’amélioration continue : vos contributions sont donc les bienvenues. Et on ne doute pas qu’à la lecture de cet article, vous serez motivés à apporter votre pierre à l’édifice et faire avancer l’accessibilité numérique ! Pour celles et ceux qui se demandent à quoi ressemble un site ayant obtenu une conformité de 100% regardez donc le travail réalisé sur pass.sport.gouv.fr.
Le conseil d'Aurore :
Adopter une approche responsable et inclusive, pour sa solution numérique, c'est aussi élargir son marché en s'adressant à des personnes qui sont aujourd'hui éloignées du numérique à cause d'un handicap. En France, ce sont 14 millions de français qui sont concernés. C'est aussi un moyen de valoriser son image de marque pour attirer et toucher une cible de client plus large via une approche éthique ainsi que de nouveaux talents qui partagent des valeurs fortes.
Éco-conception numérique : une approche durable du web
L'éco-conception numérique vise à réduire l'impact environnemental d'un site ou d'une application à chaque étape de son cycle de vie : conception, développement, utilisation et fin de vie. Une opération qui passe par l'optimisation des ressources utilisées, qu'il s'agisse de bande passante, de consommation d'énergie ou d'espace serveur.
Selon des études sur l'impact environnemental des services numériques menées par GreenIT.fr, la référence française sur la question, l'industrie numérique représente environ 4% des émissions mondiales de gaz à effet de serre et pourrait passer à 9% d’ici 2025 si on ne change rien (soit plus que les voitures). L’adoption de pratiques d’éco-conception et la généralisation de cette pratique permet de contribuer à une réduction significative de cet impact. Vous pouvez consulter les rapports de GreenIT.fr ici.
Autre avantage : un site web optimisé en termes d'éco-conception, grâce par exemple à la compression des images et à la limitation des animations, peut voir son empreinte carbone diminuer de 30% tout en offrant une meilleure expérience utilisateur.
3. Quelles sont les obligations légales pour les entreprises en France ?
3.1 Accessibilité numérique : que dit la loi ?
En France, l’accessibilité numérique est strictement encadrée pour les sites publics et certaines entreprises privées.
- Pour les organismes publics : les sites internet et applications des administrations et établissements publics doivent se conformer au RGAA. Depuis le décret n°2019-768, ces entités doivent fournir une déclaration d'accessibilité et mettre en place des outils de signalement pour les utilisateurs en cas de non-conformité. Cette mesure s’inscrit dans la loi pour une République numérique de 2016 et la transposition de la directive européenne de la même année.
- Pour les entreprises privées : seules les entreprises privées de plus de 250 salariés ou celles réalisant un chiffre d'affaires supérieur à 250 millions d'euros sont tenues de rendre leurs sites accessibles. À partir du 28 Juillet 2025 et de l'entrée en vigueur de la directive européenne sur l'accessibilité, toutes les entreprises privées seront concernées sauf celles de moins de 10 salariés ou dont le CA n'excède pas 2 millions d’euros.
Cette règlementation sur l’accessibilité numérique évolue et pourrait peu à peu s’appliquer à toutes les entreprises. Ce serait le sens de l’histoire. La banque BNP Paribas avait ainsi rendu son site accessible très tôt, malgré l'absence d'obligation légale au moment de sa mise en ligne, anticipant ainsi les attentes croissantes de ses clients en matière d'inclusion et l’évolution du cadre légal. Prendre des dispositions aujourd’hui, c’est anticiper l’avenir et éviter les mauvaises surprises des mises à jour obligatoires.
3.2 Éco-conception numérique : encouragée mais non obligatoire
Contrairement à l'accessibilité, l’éco-conception n'est pas encore encadrée par des obligations légales spécifiques en France. Cependant, elle est encouragée par des initiatives comme le Green Deal européen ou encore la Charte numérique responsable. Mais là encore, tout concorde pour la situation change tant la question du poids de la pollution numérique implique la mise en place de mesures coercitives. C’est pour cela que pour tout projet géré par notre agence, nous sensibilisons et incitons nos clients à transiter vers l’inclusivité et le numérique responsable.
4. Les bonnes pratiques pour un site accessible et éco-conçu
4.1 Accessibilité numérique : conseils techniques
Maintenant que nous avons posé le cadre général, place à nos conseils ! Pour garantir la conformité aux normes d’accessibilité, voici quelques pratiques à mettre en œuvre telles que nous les pratiquons chez Tuesday :
- Utiliser les balises ARIA : ces balises spécifiques permettent de rendre les interfaces complexes accessibles aux lecteurs d’écran.
- Contraste et couleurs : Assurez un contraste suffisant entre le texte et le fond, et évitez les combinaisons de couleurs difficiles à lire pour les personnes daltoniennes (vert et rouge ou marron pour bleu, rouge et noir, etc.). En cas de doutes, passez par des outils en ligne comme Color Contrast Checker.
- Navigation au clavier : tout le site doit être accessible uniquement via un clavier, avec des éléments interactifs ayant un « focus » visible.
- Alternatives textuelles : tous les éléments non textuels (images, vidéos) doivent avoir des alternatives sous forme de texte (balises alt, sous-titres).
Le site du gouvernement britannique GOV.UK est un modèle en termes d’accessibilité. Il suit rigoureusement les standards en matière de contrastes, de structure de contenu, et offre des fonctionnalités compatibles avec les technologies d’assistance.
Le conseil d'Aurore :
Dans les bonnes pratiques, on retrouve les contrastes, les balises (qui elles ne s'appliquent qu’aux éléments non textuels porteurs d’information). Cela inclut également le fait d'intégrer des messages d'aide, d'expliquer certaines notions pour s'assurer de la compréhension par le plus grand nombre (aide à la saisie sur un champ de formulaire par exemple). Pour y parvenir, vous devez connaître vos cibles et intégrer ainsi tous les cas d'usage pour ne laisser personne sur le banc de touche. Qui va utiliser la solution ? Pour quoi ? Quand ? Comment ? Ce travail vous permettra d’envisager et lister les scénarios d'usage et proposer la meilleure solution, pour toutes et tous.
4.2 Éco-conception : pratiques avancées
- Optimiser le poids des pages : limitez le nombre de ressources lourdes (images, vidéos) et utilisez la compression pour réduire leur taille. Pour des conseils sur l’optimisation des images, consultez cette ressource.
- Réduire les requêtes HTTP : combinez les fichiers CSS et JavaScript pour réduire le nombre de requêtes et améliorer la rapidité du site.
- Mise en cache : utilisez des techniques de mise en cache pour minimiser les sollicitations des serveurs.
- Design minimaliste : adoptez un design épuré qui se concentre sur l'essentiel, réduisant à la fois la consommation de bande passante et l'empreinte environnementale.
Le site de Tree-Nation, une plateforme dédiée à la reforestation, est conçu avec des pratiques d’éco-conception, limitant l’utilisation de vidéos et d'animations superflues pour réduire son impact environnemental.
Le conseil d'Aurore :
Concernant l'éco-conception, il s’agit avant tout d’engager une démarche de frugalité car aujourd'hui, 25% des applications d’un site ne sont jamais utilisées selon des données de l’INR (Institut du Numérique Responsable). Encore une fois, posez-vous les bonnes questions : quel est l'objectif de l'utilisateur ? Quel message dois-je faire passer ? Quels éléments mettre en avant pour l'y aider, simplement ? Entasser des fonctionnalités, des animations, des images pour faire joli ou faire plaisir à sa direction, ce n’est pas le meilleur moyen de rendre sa solution utilisable et efficace.
Je priorise, j'adopte une approche mobile first, je me fixe des objectifs (réduction de l'empreinte du site de 50%, suppression de 2/3 des images, suppression des fonctionnalités superflues...) et je calibre ma stratégie pour y répondre. Une tâche technique et chronophage qui mérite d’être prise en charge par des pros. Au hasard, l’agence Tuesday, qui maîtrise le sujet sur le bout des doigts.
5. Synergies entre accessibilité et éco-conception
L'accessibilité et l'éco-conception ne sont pas des approches antagonistes. En réalité, elles se renforcent souvent mutuellement. Par exemple, un design simple et épuré, conçu pour l'accessibilité, contribue également à réduire l'empreinte écologique en limitant le nombre d'éléments à charger. Un code propre et structuré améliore l'expérience utilisateur tout en réduisant la consommation énergétique des serveurs.
6. Études de cas supplémentaires
6.1 Le cas de la SNCF
La SNCF a entrepris un vaste projet de refonte de son site web en tenant compte des exigences d'accessibilité numérique et d'éco-conception. Le site a été conçu pour être accessible aux personnes ayant des déficiences visuelles et auditives grâce à des interfaces optimisées et des solutions comme des lecteurs d’écran. De plus, la taille des images et la structure du code ont été optimisées pour réduire le poids des pages, améliorant ainsi l'efficacité énergétique et la rapidité de navigation.
6.2 L’initiative de Mozilla
Mozilla, l’organisation à but non lucratif derrière Firefox, a travaillé sur l'accessibilité et l’éco-conception de ses plateformes. Firefox lui-même est conçu pour être léger et respectueux des ressources, tandis que leur site internet est conforme aux normes d’accessibilité. Mozilla a mis en place un processus rigoureux de tests d'accessibilité et optimise constamment ses interfaces pour réduire l’impact environnemental de ses services numériques.
7. FAQ : Réponses aux questions courantes
7.1 Qu’est-ce que le RGAA exactement ?
Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) est un guide qui définit les règles et critères que les sites web doivent respecter pour être considérés comme accessibles aux personnes handicapées. Il est obligatoire pour les sites publics et certaines grandes entreprises privées.
7.2 Comment savoir si mon site est accessible ?
Vous pouvez utiliser des outils comme WAVE ou axe pour tester l'accessibilité de votre site. Ces outils vérifient la conformité aux critères du RGAA et d’autres standards internationaux. Vous pouvez également consulter un expert en accessibilité pour un audit complet.
7.3 Pourquoi l’éco-conception est-elle importante pour mon entreprise ?
L’éco-conception permet de réduire l’empreinte carbone de votre site internet, d’améliorer ses performances et de répondre aux attentes des consommateurs en matière de responsabilité environnementale. De plus, un site éco-conçu peut offrir une meilleure expérience utilisateur grâce à une navigation plus rapide.
7.4 Quels sont les outils pour tester l’accessibilité d’un site ?
Parmi les outils les plus utilisés, on trouve WAVE, axe et Lighthouse (offert par Google). Ces outils permettent de vérifier la conformité des sites aux normes d’accessibilité en détectant les erreurs et en proposant des suggestions pour les corriger.
8. Conclusion : Faites appel à Tuesday pour un site accessible et éco-conçu
Chez Tuesday, nous croyons fermement qu'un site internet peut et doit être à la fois accessible à tous et respectueux de l'environnement. Nous vous accompagnons dans la création ou la refonte de sites web performants, inclusifs et écoresponsables. En nous confiant votre projet, vous faites le choix de l’innovation durable et de l’inclusion numérique.
Besoin d’aide pour rendre votre site accessible et écoresponsable ? Contactez nos experts et engagez-vous dans une démarche numérique responsable dès aujourd’hui !