Sports.gouv.fr

À l'approche des JO de Paris 2024, le site du ministère des sports avait besoin de nouvelles fonctionnalités interactives — dont un module de compte à rebours en direct — tout en respectant les normes strictes du RGAA (Référentiel Général d'Amélioration de l'Accessibilité). Le site devait gérer des pics de trafic massifs pendant les Jeux, rester entièrement accessible à tous les citoyens et se conformer aux directives du système de design de l'État.

Développement d'un module Drupal personnalisé pour le compte à rebours olympique, intégrant des calculs en temps réel avec des solutions de repli côté serveur pour l'accessibilité. Réalisation d'un audit RGAA complet et remédiation : restructuration HTML sémantique, repères ARIA, navigation au clavier, contrastes et compatibilité lecteurs d'écran. Affinement de la couche CSS pour la cohérence responsive avec les design tokens de l'État. Chaque composant a été testé selon les critères RGAA niveaux A et AA.

// Custom Drupal module: Olympic countdown block
function sports_countdown_block_build() {
  $games_start = new \DateTime('2024-07-26T19:30:00',
    new \DateTimeZone('Europe/Paris'));
  $now = new \DateTime('now',
    new \DateTimeZone('Europe/Paris'));
  $interval = $now->diff($games_start);

  return [
    '#theme' => 'sports_countdown',
    '#days' => $interval->days,
    '#hours' => $interval->h,
    '#minutes' => $interval->i,
    '#attached' => [
      'library' => ['sports_countdown/timer'],
    ],
    '#cache' => ['max-age' => 60],
  ];
}