Accessibilité

Notre objectif est de rendre ce site utilisable par le plus grand nombre, tout en limitant son empreinte numérique. Cette page décrit nos choix d'accessibilité, les bonnes pratiques appliquées et les moyens de nous signaler un problème.

Principes généraux

Structure sémantique claire : titres, listes et sections pour faciliter la navigation.
Navigation clavier complète : toutes les fonctionnalités sont accessibles sans souris.
Contraste adapté : textes lisibles pour les personnes malvoyantes.
Alternatives textuelles pour les médias non essentiels et contrôle sur la lecture automatique.
Performance et sobriété : images optimisées, polices limitées et chargement différé.

Couleurs et contraste

Nous suivons des ratios de contraste suffisants (WCAG AA) pour le texte normal et les éléments interactifs. Les éléments décoratifs utilisent des contrastes plus faibles seulement lorsqu'ils ne portent pas d'information essentielle.

Couleurs principales vérifiées pour un ratio ≥ 4.5:1 pour le texte normal.
Alternatives visuelles (icônes + texte) pour les informations importantes.

Toutes les pages et contrôles sont utilisables au clavier : tabulation logique, ordre cohérent et indicateur de focus visible. Nous évitons de piéger le focus et fournissons des raccourcis clairs lorsque pertinent.

Checklist rapide

Ordre de tabulation logique
Focus visible et contrasté
Aucun piège de focus dans les dialogues/modaux

Sémantique et ARIA

Nous utilisons des balises HTML sémantiques (<header>, <main>, <nav>, <section>, <article>, <footer>) et des attributs ARIA seulement lorsqu'ils améliorent l'accessibilité. Les rôles et labels sont testés avec des lecteurs d'écran.

Images et médias

Les images informatives incluent toujours un attribut alt descriptif. Les médias sonores et vidéo ne démarrent pas automatiquement et proposent des contrôles pour la lecture, le volume et les sous-titres quand disponibles.

Formulaires et erreurs

Les champs de formulaire ont des labels explicites et des instructions claires. Les erreurs sont indiquées textuellement et visuellement, avec des suggestions de correction. Les messages d'erreur sont associés au champ via aria-describedby.

Tests et outils

Nous combinons des contrôles automatisés (axe, Lighthouse) et des tests manuels (navigateur clavier, lecteur d'écran) pour vérifier la conformité. Les tests incluent aussi des vérifications de performance et de consommation réseau pour respecter notre objectif d'éco-conception.

Éco-conception

Au-delà de l'accessibilité, nous réduisons l'empreinte numérique du site : images optimisées (AVIF/WebP), chargement différé, polices limitées, mise en cache efficace et suppression de scripts non essentiels. L'objectif est d'offrir une expérience rapide et durable pour tous.

Pas d'autoplay média
Lazy-loading pour les images hors-viewport
Bundles JS minimisés et chargement asynchrone

Signaler un problème / contact

Si vous rencontrez un problème d'accessibilité ou souhaitez proposer une amélioration, merci de nous le signaler :

Ouvrez une issue sur le dépôt du projet (Senk0o/spaceship),
ou utilisez le formulaire de contact du site si disponible.

Indiquez la page concernée, le navigateur et l'outil d'assistance utilisé (ex. NVDA, VoiceOver) pour nous aider à reproduire et corriger le problème.