06 — Accessibilité & performance

Les deux sont du code, pas de l’hébergement. Et la perf se mesure, elle ne se suppose pas.

Accessibilité (a11y)

• Sémantique HTML : landmarks, headings ordonnés, <button> vs <a> selon l’action.
• :focus-visible global, navigation clavier complète, alt sur les images de contenu.
• Contraste suffisant — MAIS couleurs de marque exactes. Ne jamais altérer une couleur brand « pour l’AA » : jouer sur la taille, le poids, le fond.
• prefers-reduced-motion honoré sur GSAP (gsap.matchMedia), sans exception.
• Audit Lighthouse via Playwright dans npm run qa.

Performance — réelle, pas illusion

• Statique + CDN = le plus rapide. Core Web Vitals d’emblée au vert ; on mesure (Lighthouse), on ne suppose pas.
• Images via CDN Sanity (WebP/AVIF, redimensionnées à la volée).
• next/font self-host (pas de FOUT).
• GSAP : préférer les transforms, will-change parcimonieux.
• Stratégie : cache + prefetch réels > skeletons. On améliore le ressenti par de la vraie perf (préchargement, cache), pas par des illusions de chargement.

→ CWV côté SEO : 05-seo-croissance §2.