Accessibilité & écoconception du site

Structure et sémantique

• Langue du document définie : lang="fr".
• Hiérarchie de titres cohérente avec un unique <h1> par page.
• Utilisation de balises sémantiques : <main>, <header>, <nav>, <section>, <article>.
• Menu de navigation de la page case study avec aria-label.

Navigation clavier & lecteurs d’écran

• Lien d’évitement présent sur la page case study : « Aller au contenu principal » menant directement au <main>.
• Focus visible sur les liens (:focus-visible avec outline contrastée).
• Peu d’éléments interactifs, tous accessibles au clavier (liens et boutons).

Couleurs & lisibilité

• Palette volontairement limitée avec un contraste suffisant entre le texte #2F4537 et le fond #F4F3ED.
• Texte restitué en clair, sans information portée uniquement par la couleur.

Mouvements et animations

• Pas d’animations complexes ni d’effets de parallaxe ou de carrousels.
• Scroll fluide conditionné à la préférence utilisateur (prefers-reduced-motion) côté CSS et JavaScript.

Limites actuelles : aucune déclaration formelle de conformité RGAA n’est faite. Un audit complet (automatisé + manuel) serait nécessaire pour viser une conformité de niveau AA sur l’ensemble des critères.

Poids & sobriété

• Pages statiques HTML sans framework JavaScript lourd.
• Aucune police externe (utilisation des polices système du navigateur).
• Très peu de médias : pas d’images décoratives lourdes, pas de vidéo, pas de carrousels.
• Pas de trackers, pas de cookies de suivi, pas de scripts publicitaires.

Architecture & dépendances

• Aucune dépendance front externe (CDN, frameworks CSS, etc.) : tout le style est embarqué dans chaque page.
• Fichier robots.txt configuré pour limiter l’indexation de dossiers techniques inutiles.
• sitemap.xml simple, listant uniquement les pages utiles pour l’indexation.

Comportements côté client

• JavaScript limité à la navigation dans la page (menu sticky + surlignage de la section active).
• Gestion de la préférences de réduction des mouvements pour éviter les scroll animés en cas de sensibilité.

Référence : référentiel d’écoconception web (RWEB) du Collectif conception numérique responsable – https://collectif.greenit.fr/ecoconception-web/index.html. Ce site s’en inspire (sobriété, limitation des ressources, pas de tracking) sans revendiquer une conformité intégrale aux 115 bonnes pratiques.

• Un audit d’accessibilité complet (outils + tests manuels) reste à réaliser pour viser une conformité RGAA formelle.
• Une mesure outillée de l’empreinte environnementale (ecoIndex, par exemple) peut être ajoutée pour objectiver le gain de l’écoconception.
• La documentation de ces choix pourra être enrichie au fil des évolutions du site (nouvelles pages, médias, interactions).