Accessibilité, qualité web et éco-conception

Déclaration d'accessibilité

Je m'engage à rendre mon site internet accessible conformément à l'article 47 de la loi n° 2005-102 du 11 février 2005.

Cette déclaration d'accessibilité s'applique au site simonnet.me.

État de conformité

Le site simonnet.me est en conformité partielle avec le Référentiel général d'amélioration de l'accessibilité (RGAA) version 4.1.

Résultat de l'audit

L'audit de conformité réalisé le 21 avril 2026 sur un échantillon de 12 pages révèle un taux de conformité de 97 % (57 critères conformes sur 59 applicables).

Pages auditées

1. Accueil
2. À propos
3. À la une
4. Lectures
5. Interventions
6. Photos
7. Accessibilité
8. Mentions légales
9. Plan du site

Résultats par thématique

Non-conformités résiduelles

Critère 8.8 — Validité du code HTML (thématique 8)

Quelques attributs style inline sont présents dans le SVG du logo (attributs de présentation SVG). Ce point est difficilement évitable pour du SVG inline et n'impacte pas l'accessibilité.

Critère 10.5 — Styles inline (thématique 10)

Le logo SVG utilise des attributs style inline pour les propriétés de présentation (font-family, font-weight, fill). Ces attributs sont inhérents au format SVG et ne peuvent pas être entièrement remplacés par des classes CSS sans perdre la compatibilité du rendu.

Technologies utilisées

• HTML5
• CSS3 (custom properties, Grid, Flexbox)
• JavaScript (vanilla, sans framework)
• SVG (logo)

Environnement de test

• Navigateurs : Chrome 136, Firefox 137, Safari 18
• Lecteurs d'écran : VoiceOver (macOS), NVDA (Windows)
• Outils : axe DevTools, Lighthouse, inspection manuelle du DOM

Référentiels appliqués

• RGAA 4.1 — accessibilité numérique
• Opquast — qualité web
• GR491 / Green IT — éco-conception

Mesures d'accessibilité mises en œuvre

• 4 liens d'évitement (menu, contenu, recherche, pied de page)
• Fil d'Ariane sur toutes les pages internes
• Navigation au clavier complète (focus visible, pas de piège)
• Sélecteur de thème clair / sombre / automatique
• Respect de prefers-reduced-motion (animations désactivées)
• Respect de prefers-color-scheme (mode sombre automatique)
• Interligne de 1.65 (supérieur au minimum de 1.5)
• Contrastes vérifiés en mode clair et sombre (ratio minimum 6:1)
• Images en WebP avec alternatives textuelles descriptives
• Polices système (pas de dépendance externe, chargement instantané)
• Recherche accessible avec aria-live pour les résultats
• Plan du site complet et accessible depuis chaque page

Contact

Si vous constatez un défaut d'accessibilité vous empêchant d'accéder à un contenu ou une fonctionnalité du site, n'hésitez pas à me le signaler via LinkedIn.

Si vous n'obtenez pas de réponse rapide de ma part, vous êtes en droit de faire parvenir vos doléances ou une demande de saisine au Défenseur des droits.

Voies de recours

Cette procédure est à utiliser dans le cas suivant :

• Vous avez signalé au responsable du site un défaut d'accessibilité qui vous empêche d'accéder à un contenu ou un service et vous n'avez pas obtenu de réponse satisfaisante.

Vous pouvez :

• Écrire un message au Défenseur des droits
• Contacter le délégué du Défenseur des droits dans votre région

Compléments

J’essaye de m’appliquer plusieurs référentiels, bien sur j’essaye d’améliorer l’accessibilité de mon site, mais aussi de m’appliquer d’autres référentiels comme la Qualité Web (opquast) ou l’éco-conception web.

Qualité web

Les test automatiques ne remplacent jamais un bon audit opquast bien évidemment …

• Mon test Google Page Speed (Lighthouse) :
  • Performances : 100
  • Accessibilité : 96
  • Bonnes pratiques : 100
  • SEO : 100

Éco-conception

• Utiliser des images quand c’est nécessaire et proposer des images en svg et en webp
• Maitriser les poids et chargements des images de chaque page.
• Faire des audits réguliers et surtout cela me permet de vérifier quelques erreurs.