Déclaration d'accessibilité

Engagement

Je (Arnaud Ferriere) m'engage à rendre le site Sur les nuages accessible au plus grand nombre, en visant la conformité aux WCAG 2.1 niveau AA (Web Content Accessibility Guidelines).

L'accessibilité n'est pas une case à cocher mais un travail continu : si vous rencontrez un obstacle sur ce site, je veux le savoir pour y remédier : n'hésitez pas à me contacter !

Note : cette déclaration est une auto-évaluation, elle n'est pas le résultat d'un audit formel par un organisme tiers.

Fonctionnalités mises en place

Navigation au clavier

• Lien d'évitement vers le contenu principal (première tabulation sur chaque page)
• Focus visible sur tous les éléments interactifs (boutons, liens, menus, navbar, back-to-top)
• Raccourci clavier : appuyer sur / sur la page d'accueil focalise la barre de recherche
• Piège de focus sur les modaux (diagrammes Mermaid en plein écran, images zoomées)
• Les images cliquables sont accessibles via Entrée ou Espace

Structure sémantique

• Repères ARIA / éléments sémantiques : main, nav, article, aside, footer
• Hiérarchie de titres respectée (h1 → h2 → h3 sans saut)
• Table des matières générée comme nav étiqueté
• Fil d'Ariane (breadcrumb) présent dans les données structurées et sur les pages de séries

Textes alternatifs et ARIA

• Toutes les images informatives possèdent un attribut alt descriptif
• Les icônes purement décoratives sont marquées aria-hidden="true"
• Les boutons sans texte visible ont un aria-label explicite
• Les composants interactifs utilisent les attributs ARIA appropriés : aria-expanded, aria-pressed, aria-sort, aria-live
• Les liens externes sont annoncés comme ouvrant dans une nouvelle fenêtre

Contenus multimédia

• Les vidéos sans audio sont explicitement étiquetées comme telles
• Une piste de sous-titres vide est fournie pour les vidéos de démonstration (conformité WCAG 1.2.2)

Adaptation aux préférences utilisateur

• Thème clair / sombre automatique selon les préférences système, ou choix manuel persistant
• Respect de prefers-reduced-motion : les animations sont désactivées si vous avez configuré votre système en ce sens
• Contrastes validés pour atteindre le ratio 4.5:1 minimum (WCAG AA)

Performance et lisibilité

• Police lisible (Poppins), tailles relatives en rem pour respecter le zoom navigateur
• Tableaux scrollables étiquetés role="region" avec focus clavier
• Aucune requête vers des ressources externes : tout le site charge depuis le même domaine

Tests et outils

Les pages sont auditées régulièrement avec :

• Lighthouse (Accessibility score ≥ 96)
• PageSpeed Insights pour la partie accessibilité mobile/desktop
• Google Rich Results Test pour la validation des données structurées
• Navigation clavier manuelle, notamment sur les composants interactifs (TOC, modaux, menus repliables)
• Essais de lecture avec des lecteurs d'écran : NVDA (open source, sous Windows) et le Narrateur Windows intégré, pour valider que les zones de contenu, les boutons et les états interactifs (aria-expanded, aria-live, etc.) sont annoncés correctement

Limitations connues

À ce jour, je n'ai pas identifié de blocage majeur, mais certaines zones dépendent de services ou bibliothèques tiers dont je ne maîtrise pas entièrement l'accessibilité :

• Diagrammes Mermaid : le rendu SVG est produit par la bibliothèque tierce Mermaid ; certains diagrammes complexes peuvent manquer d'équivalent textuel détaillé. Je suis tributaire des améliorations apportées en amont par le projet. N'hésitez pas à signaler un cas précis si un diagramme vous pose problème.
• Commentaires : la zone de commentaires est gérée par Giscus, qui s'appuie sur GitHub Discussions. L'interface et son niveau d'accessibilité dépendent entièrement de ce service tiers.

Signaler un problème

Si vous rencontrez un problème d'accessibilité (contraste insuffisant, navigation au clavier bloquée, contenu inaccessible aux lecteurs d'écran, fonctionnalité d'accessibilité manquante, etc.), vous pouvez :

• M'écrire directement par e-mail : arn.fer (at) gmail.com
• Ouvrir une issue sur le dépôt GitHub du site

Je m'engage à répondre dans un délai raisonnable et à corriger ce qui peut l'être.