Accessibilité

Ce site doit pouvoir être lu et parcouru par tout le monde : au clavier, avec un lecteur d’écran, sur un téléphone, avec des animations réduites. Je vise le niveau AA des règles internationales WCAG 2.2. Cette page dit ce qui est en place, ce qui a été vérifié et ce qui ne l’a pas encore été.

Ce qui est en place

• Tout le contenu est écrit dans la page : le site se lit sans JavaScript. Le planétaire est une navigation en plus ; la même liste de projets se trouve juste en dessous.
• Chaque planète est un vrai bouton, nommé, utilisable au clavier. Le focus reste toujours visible.
• Un lien « Aller au contenu » ouvre chaque page.
• Deux thèmes, clair et sombre : le site suit le réglage de votre système à la première visite, puis votre choix.
• Les animations s’arrêtent si votre système demande de les réduire, et un bouton met le planétaire en pause.
• Les vidéos ne démarrent qu’après un clic : le lecteur YouTube n’est chargé qu’à ce moment-là.
• La mise en page tient sur un écran de 320 pixels de large, sans défilement horizontal, et supporte le zoom du navigateur à 200 %.
• Le site s’imprime proprement et reste lisible avec le mode de contraste élevé de Windows.
• Les CV en PDF sont balisés pour les lecteurs d’écran : titres, listes et liens dans l’ordre de lecture, description de la photo du CV français ; les éléments décoratifs sont ignorés.

Ce qui a été vérifié

Contrôles automatisés avec Playwright en octobre 2026, sur toutes les pages, en français et en anglais, dans les deux thèmes :

• Contrastes : chaque texte mesuré sur son fond réel, dans Chrome, Edge et WebKit (le moteur de Safari).
• Clavier : ordre de tabulation, focus visible, aucun piège, dans Chrome et Edge.
• Mise en page : 24 tailles d’écran, du téléphone de 320 pixels au grand écran ; espacement de texte augmenté ; animations réduites.
• Structure transmise aux lecteurs d’écran : titres, noms des liens et des boutons, annonce du projet choisi dans le planétaire.
• Navigation : les liens entre les pages, les ancres et le changement de langue.

Limites connues

• Je n’ai pas encore testé le site avec Firefox, ni sur un appareil Apple (Safari, VoiceOver), ni avec un lecteur d’écran réel comme NVDA : les contrôles portent sur la structure transmise à ces outils.
• Le planétaire est une scène animée en 3D : au clavier ou avec un lecteur d’écran, la liste des projets placée juste en dessous est plus directe.
• Quelques schémas détaillés sont petits sur téléphone : un lien « Agrandir l’image » ouvre la version complète.

Signaler un problème

Quelque chose vous bloque ou vous gêne ? Écrivez-moi : thibautplatet@orange.fr. Je corrige ce qui peut l’être.

Dernière mise à jour : octobre 2026.