Pensé pour tout le monde

Cible de conformité

Ce portfolio vise WCAG 2.2 niveau AA, avec un contraste de corps de texte au niveau AAA sur les trois thèmes (Papier, Encre, Presse).

Ce qui est en place

• HTML5 sémantique : chaque page utilise des repères (header, nav, main, article, aside, footer).
• Un lien d’évitement est le premier élément focusable de chaque page.
• Un seul h1 par page ; les niveaux de titres ne sautent jamais.
• Toutes les images ont un alt descriptif (ou alt="" quand décoratives).
• Tous les éléments interactifs ont un focus visible, un seul style d’anneau, identique partout.
• Trois thèmes, dont un mode Presse à contraste élevé en un clic depuis le pied de page.
• Les animations respectent prefers-reduced-motion ; les transitions tombent à 0,01ms en « reduce ».
• Les préférences de couleur respectent prefers-color-scheme par défaut, et le choix explicite de l’utilisateur est conservé.
• Les liens sortants sont marqués rel="noopener" avec un indicateur visuel « ↗ ».
• Feuille de styles d’impression : chaque étude de cas imprime un PDF propre avec les URLs en notes.

Comment nous testons

• Automatique : axe-core via Playwright sur chaque pull request.
• Lighthouse CI : budget d’accessibilité fixé à 100.
• Test clavier manuel : Tab, Maj+Tab, Entrée et Échap sur chaque page avant publication.
• Vérification lecteur d’écran : VoiceOver sur la page d’accueil et au moins une étude de cas avant chaque release.

Aucune animation, par choix

Ce site ne contient aucune animation ni effet de mouvement décoratif. De nombreuses personnes tolèrent mal le mouvement, et les animations peuvent aussi nuire à la clarté de navigation et aux performances. Supprimer tout mouvement non essentiel m’a semblé l’engagement le plus cohérent.

Signaler un problème

Si une partie de ce site est difficile à utiliser, écrivez à contact.hudesign@gmail.com avec autant de détails que possible (page, navigateur, technologie d’assistance, ce qui n’a pas fonctionné). Je réponds sous cinq jours ouvrés.