Accessibilité web et éco-conception : le guide complet

Un site internet doit pouvoir être utilisé par tous, sur n'importe quel appareil, sans gaspiller de ressources. C'est le double enjeu de l'accessibilité web et de l'éco-conception web : deux démarches complémentaires de conception responsable, qui améliorent aussi l'expérience utilisateur, la vitesse et le référencement.

Dans ce guide, nous expliquons ce qu'est un site accessible, ce qu'est un site internet éco-conçu, ce que dit la réglementation (RGAA, WCAG, loi européenne), les bonnes pratiques à appliquer et les outils pour tester votre site.

Qu'est-ce que l'accessibilité d'un site internet ?

L'accessibilité d'un site internet désigne sa capacité à être utilisé par le plus grand nombre de personnes possible, y compris celles qui vivent avec un handicap visuel, auditif, moteur ou cognitif. Elle concerne aussi des situations du quotidien : un écran lu en plein soleil, une navigation d'une seule main, une connexion lente ou un âge avancé.

Un site accessible n'est donc pas réservé à une minorité : il est plus clair et plus simple pour tous les visiteurs.

Les 4 principes de l'accessibilité web

Les recommandations internationales WCAG reposent sur quatre principes. Un contenu doit être :

• Perceptible : l'information est présentée de façon que chacun puisse la percevoir (textes alternatifs, contrastes, sous-titres)
• Utilisable : toutes les fonctions sont accessibles, y compris au clavier
• Compréhensible : les contenus et la navigation sont clairs et prévisibles
• Robuste : le site fonctionne avec différents navigateurs, appareils et technologies d'assistance

WCAG, RGAA, EN 301 549 : quelles différences ?

• Les WCAG (Web Content Accessibility Guidelines) sont les recommandations internationales du W3C, avec trois niveaux de conformité : A, AA et AAA
• Le RGAA (Référentiel général d'amélioration de l'accessibilité) est le référentiel français, qui s'appuie sur les WCAG
• La norme EN 301 549 est la norme européenne, équivalente au niveau AA des WCAG 2.1, utilisée pour la loi européenne sur l'accessibilité

Pourquoi rendre son site internet accessible ?

• Permettre à tout le monde d'utiliser votre site et ne pas fermer la porte à une partie de vos visiteurs ou de vos clients
• Améliorer l'expérience utilisateur : une navigation claire, des textes lisibles et des formulaires simples profitent à tous
• Faciliter le référencement naturel : textes alternatifs, titres structurés et liens explicites sont aussi des bonnes pratiques SEO
• Respecter la réglementation lorsque votre activité est concernée
• Valoriser votre image et votre démarche responsable

L'accessibilité d'un site internet est-elle obligatoire ?

La réponse dépend de votre activité. Voici les grands cadres à connaître :

• Le RGAA s'applique aux services publics et aux entreprises privées dont le chiffre d'affaires dépasse 250 millions d'euros. Il impose notamment une déclaration d'accessibilité et un plan d'action. Le non-respect peut entraîner une sanction pouvant atteindre 50 000 € par service
• La loi européenne sur l'accessibilité s'applique depuis le 28 juin 2025 à certains produits et services, dont le commerce en ligne, les services de communications électroniques, la banque de détail, certains services de transport de voyageurs et les livres numériques. Les microentreprises (moins de 10 salariés et moins de 2 millions d'euros de chiffre d'affaires ou de bilan) qui fournissent des services sont exemptées

Cet article présente les grandes lignes et ne remplace pas un conseil juridique. Même lorsque l'obligation ne vous concerne pas, rendre son site accessible reste une démarche de bon sens.

Comment rendre un site internet accessible ? 10 bonnes pratiques

Il est conseillé de prendre en compte l'accessibilité dès la conception du site. Cela permet de gagner du temps et d'éviter de tout reprendre ensuite. Voici les points essentiels :

1. Soigner les contrastes de couleurs : le niveau AA demande un rapport de contraste d'au moins 4,5:1 pour le texte courant et de 3:1 pour le grand texte
2. Choisir des polices lisibles et permettre un agrandissement du texte jusqu'à 200 % sans perte de contenu
3. Renseigner un texte alternatif (ALT) décrivant chaque image porteuse d'information, et laisser vide celui des images purement décoratives
4. Structurer les contenus avec des titres hiérarchisés (H1, H2, H3) pour faciliter la lecture et la navigation des lecteurs d'écran
5. Permettre la navigation au clavier, avec un indicateur de focus bien visible
6. Utiliser des liens et des boutons explicites (« Demander un devis » plutôt que « Cliquez ici »)
7. Soigner les formulaires : un libellé pour chaque champ et des messages d'erreur clairs
8. Sous-titrer et transcrire les vidéos et les contenus audio, et éviter la lecture automatique
9. Ne jamais transmettre une information par la seule couleur (ajoutez un texte, une icône ou un motif)
10. Déclarer la langue de la page et proposer une arborescence claire et cohérente

Ce travail relève à la fois du design (couleurs, typographies, composants) et de la technique (code propre, balisage sémantique). C'est un volet à part entière de la conception UX/UI d'un site internet.

Comment tester l'accessibilité de son site ?

• Naviguez au clavier avec la touche Tab : pouvez-vous accéder à tous les liens, boutons et champs, et voyez-vous où vous êtes ?
• Lancez un audit automatisé avec Lighthouse (intégré à Chrome), WAVE ou axe DevTools pour repérer les erreurs courantes
• Testez avec un lecteur d'écran (NVDA, VoiceOver) sur vos pages clés
• Faites réaliser un audit par un professionnel pour une évaluation complète

Les outils automatiques ne détectent qu'une partie des problèmes : ils ne remplacent pas un test manuel.

Qu'est-ce qu'un site internet éco-conçu ?

Un site internet éco-conçu est un site développé en tenant compte de son impact environnemental sur l'ensemble de son cycle de vie : sa conception, son utilisation et sa fin de vie. L'objectif est de consommer le moins de ressources possible (serveurs, réseau, appareils des visiteurs) tout en rendant le service attendu. Cette démarche s'inscrit dans la sobriété numérique.

En France, le RGESN (Référentiel général d'écoconception de services numériques) fournit un cadre de référence. Issu de la loi REEN, il a été publié le 17 mai 2024 par l'Arcep et l'Arcom avec l'ADEME, et compte 78 critères répartis par thème, que chaque organisation peut utiliser pour structurer sa démarche.

Éco-conception et performance : le même objectif

Un site éco-conçu est un site léger, donc rapide. Moins de poids et moins de requêtes améliorent le temps de chargement, l'expérience utilisateur et les indicateurs Core Web Vitals suivis par Google. Pour approfondir, consultez notre checklist SEO on-page et notre article sur les outils Google pour le référencement naturel.

Éco-conception web : 9 bonnes pratiques

1. Définir le besoin réel : supprimer les pages, fonctionnalités et contenus qui n'apportent rien (sobriété fonctionnelle)
2. Optimiser les images : dimensions adaptées, compression et formats modernes comme WebP ou AVIF
3. Maîtriser les vidéos : pas de lecture automatique, chargement à la demande, fichiers compressés
4. Limiter les scripts et les services tiers (traqueurs, widgets, polices externes) qui alourdissent les pages
5. Privilégier un code léger et éviter les plugins ou les bibliothèques superflus
6. Activer la mise en cache et la compression des fichiers (Brotli ou gzip), éventuellement avec un CDN
7. Charger les éléments au bon moment grâce au chargement différé (lazy loading) des images hors écran
8. Choisir un hébergement sobre : un hébergeur qui communique sur son efficacité énergétique et l'origine de son électricité
9. Maintenir le site dans le temps : mettre à jour et supprimer les contenus obsolètes

Comment mesurer l'impact d'un site ?

Des outils comme Ecoindex attribuent à une page une note de A à G à partir de critères tels que le poids de la page, le nombre de requêtes et la taille du DOM. Lighthouse complète l'analyse côté performance. Comparez vos résultats avant et après chaque optimisation.

Accessibilité et éco-conception : des points communs

Ces deux démarches se renforcent mutuellement :

• Un code propre et sémantique aide les technologies d'assistance comme les robots des moteurs de recherche
• La sobriété (moins d'animations, moins de scripts) allège le site et le rend plus lisible
• La performance bénéficie aux visiteurs sur mobile ou avec une connexion lente
• La clarté des parcours améliore la satisfaction de tous les utilisateurs

Pour un site qui dure, ces choix sont à intégrer dès la création, ou lors d'une refonte de site internet, pour éviter de tout reprendre ensuite.

Par où commencer ?

1. Faire un état des lieux : test au clavier, audit Lighthouse et mesure Ecoindex de vos pages clés
2. Définir des priorités selon l'impact sur vos visiteurs et l'effort à fournir
3. Appliquer les corrections rapides : textes alternatifs, contrastes, images trop lourdes, liens explicites
4. Traiter les sujets de fond lors d'une refonte ou d'une évolution : structure, composants, hébergement
5. Suivre dans le temps : l'accessibilité comme l'éco-conception sont des démarches continues, car les technologies et les pratiques évoluent

Pour estimer le budget d'un projet, consultez notre article sur le prix d'un site internet.

FAQ

Qu'est-ce que l'accessibilité web ?

L'accessibilité web est la capacité d'un site internet à être utilisé par le plus grand nombre de personnes possible, y compris celles qui ont un handicap visuel, auditif, moteur ou cognitif. Elle repose sur des règles de conception et de développement, comme les contrastes, les textes alternatifs ou la navigation au clavier.

L'accessibilité d'un site internet est-elle obligatoire ?

Cela dépend de votre activité. Le RGAA s'impose aux services publics et aux entreprises privées de plus de 250 millions d'euros de chiffre d'affaires. Depuis le 28 juin 2025, la loi européenne sur l'accessibilité concerne aussi certains services, dont le commerce en ligne, hors microentreprises de services. Pour savoir si votre site est concerné, rapprochez-vous d'un conseil juridique.

Quelle est la différence entre WCAG et RGAA ?

Les WCAG (Web Content Accessibility Guidelines) sont des recommandations internationales publiées par le W3C. Le RGAA (Référentiel général d'amélioration de l'accessibilité) est le référentiel français qui s'appuie sur ces recommandations et sert de cadre légal en France.

Qu'est-ce que l'éco-conception web ?

L'éco-conception web consiste à concevoir un site internet en limitant son impact environnemental sur tout son cycle de vie : conception, utilisation et fin de vie. Concrètement, elle passe par des pages plus légères, moins de ressources inutiles et un hébergement sobre.

Un site éco-conçu est-il forcément moins attractif ?

Non. L'éco-conception ne supprime pas le design : elle impose de choisir ce qui est utile. Une image bien optimisée, une animation utile et une typographie soignée peuvent cohabiter avec un site léger et rapide.

Comment mesurer l'impact environnemental d'un site internet ?

Des outils comme Ecoindex attribuent une note de A à G à une page à partir de critères tels que le poids, le nombre de requêtes et la taille de la page. Lighthouse permet de mesurer la performance, qui va de pair avec la sobriété.

L'accessibilité aide-t-elle le référencement ?

De nombreuses bonnes pratiques d'accessibilité recoupent celles du SEO : textes alternatifs, titres bien structurés, liens explicites, pages rapides. Un site accessible est plus simple à explorer pour les robots comme pour les visiteurs, même si l'accessibilité n'est pas un critère de classement à elle seule.

Pour aller plus loin

• SEO on-page : checklist en 12 points pour vos pages
• Comment améliorer le référencement de son site sur mobile
• Refonte de site internet : 10 erreurs SEO à éviter
• Prix d'un site internet en 2026 : tarifs, options et conseils
• Webflow ou WordPress : que choisir pour votre site internet

Un site accessible et performant avec Appalga

Via un audit de votre site internet, nous vous aidons à définir un plan d'action pour le rendre plus accessible, plus léger et plus performant, de la refonte à l'optimisation. Découvrez notre création de site internet ou contactez-nous pour en parler. Appalga dispose de bureaux à Bordeaux et à Paris : découvrez notre agence web à Bordeaux et notre agence web à Paris.