Axe 13 — Performance & accessibilité

🎯 Objectif global : livrer des expériences rapides, accessibles et internationalisables — au niveau exigé en 2026 (Core Web Vitals, EAA, WCAG 2.2 AA).

Prérequis

Axes 5, 6, 7, 8, 9.

Objectifs

À l'issue de cet axe, tu sauras :

Mesurer LCP, INP, CLS et savoir les améliorer
Optimiser images, polices, JS critique côté frontend
Profiler et accélérer un endpoint backend (DB, cache, queue)
Atteindre la conformité WCAG 2.2 AA
Internationaliser une application (next-intl, i18next, ICU, RTL)

Contenu de l’axe

13.1 — Mesurer avant d'optimiser Core Web Vitals 2026 (LCP, INP, CLS), Lighthouse, WebPageTest, Chrome DevTools, RUM via web-vitals.js, budgets perf en CI.

13.2 — Optimisations frontend Images modernes (AVIF, srcset, fetchpriority), polices, CSS critique, code splitting, RSC vs Astro Islands, edge & cache HTTP.

13.3 — Optimisations backend Profiling (OpenTelemetry), EXPLAIN ANALYZE, indexes, N+1, caching multi-niveaux (Redis), connection pooling, queues async (BullMQ).

13.4 — Accessibilité avancée WCAG 2.2 AA, axe-core + tests manuels (clavier, NVDA), patterns ARIA (dialog, menus, formulaires), prefers-reduced-motion, target size.

13.5 — Internationalisation Intl natif, next-intl / i18next / FormatJS, ICU MessageFormat, pluralisation, dates / nombres / devises, RTL avec propriétés logiques.

Projet de l’axe

Audit perf + a11y + i18n — landing FastBites — page volontairement catastrophique (LCP > 5 s, 14 violations a11y, monolingue FR) à mesurer, optimiser, internationaliser (FR + EN + AR avec RTL natif), et documenter dans un rapport avant/après chiffré.

Ressources clés

web.dev / vitals — web.dev/vitals
Web Accessibility Initiative (WAI) — w3.org/WAI
RGAA 4.1 — accessibilite.numerique.gouv.fr
Smashing Magazine — articles perf & a11y de référence
Inclusive Components — Heydon Pickering
MDN Intl — developer.mozilla.org/…/Intl