Changelog

Toutes les modifications notables de ce projet sont documentées dans ce fichier.

Le format est basé sur Keep a Changelog,
et ce projet respecte le Versionnage Sémantique.

Prompts archivés

Date	User Story	Fichiers modifiés
2026-04-16	En tant que visiteur du site AutonoMoov, je veux découvrir la solution de jeux vidéo par capture de mouvement via une landing page moderne, accessible (WCAG 2.1 AA), internationalisée (fr/en) et responsive en SvelteKit/Node, inspirée des maquettes Domicile et EHPAD, afin de comprendre les deux offres et de demander une démonstration.	Création initiale de l'ensemble du projet (26 fichiers)

[0.1.0] - 2026-04-16

Ajouté

Landing page SvelteKit – architecture complète avec deux modes : Domicile et EHPAD sur routes séparées (/ et /ehpad)
Navigation – barre fixe responsive avec :
- Commutateur de mode Domicile / EHPAD (liens <a> avec aria-current)
- Sélecteur de langue FR / EN
- Menu hamburger mobile avec gestion aria-expanded et fermeture au clavier (Escape)
- Lien "skip to main" accessible
Section Hero – gradient de couleur selon le mode, illustrations SVG inline décrivant les deux scénarios d'usage, CTAs proéminents
Section Valeurs –
- Domicile : 6 valeurs (Bien-être, Forme physique, Confiance, Confidentialité, Lien social, Rester connecté)
- EHPAD : 3 valeurs (Simplicité, Stimulation, Partage)
Section Fonctionnalités (Domicile) – 3 cartes : Découvrir vos jeux, Suivi personnalisé, Support & Réseau
Section Défi + Solution (EHPAD) – présentation du défi des animateurs + 3 solutions : Matériel Garanti, Formation Simplifiée, Jeux Stimulants
Section Tarifs – 3 offres par mode avec mise en évidence de l'offre recommandée :
- Domicile : Offre Découverte (110 €/an), Abonnement Liberté (25 €/mois), Engagement Zen (19 €/mois)
- EHPAD : PC Tout-en-Un (1 700 €), Abonnement Mensuel (149 €/mois), Engagement Doux (12 mois)
Section CTA – appel à l'action final avec email de contact
Footer – liens de navigation, copyright avec interpolation d'année dynamique
Page /changelog – affichage du présent fichier rendu en HTML via marked
Internationalisation – svelte-i18n avec :
- Détection automatique de la langue du navigateur
- Fichiers de traduction fr.json et en.json complets
- Mise à jour dynamique de l'attribut lang sur <html>
Accessibilité WCAG 2.1 AA :
- Lien "Aller au contenu principal" (skip-link)
- Attributs aria-label, aria-current, aria-expanded, aria-hidden sur tous les éléments interactifs
- Contrastes de couleurs conformes (4.5:1 minimum pour le texte normal)
- Focus visible sur tous les éléments interactifs (outline 3px)
- Cibles de toucher ≥ 48×48px
- prefers-reduced-motion respecté (animations désactivées)
- Balises sémantiques : <header>, <nav>, <main>, <footer>, <section>, <article>
- Icônes SVG avec aria-hidden="true" et focusable="false"
- Textes alternatifs descriptifs pour les illustrations
Design responsive mobile-first – breakpoints à 480px, 640px, 768px, 1024px
Tests unitaires avec Vitest :
- tests/i18n.test.js : 12 tests couvrant le chargement des traductions, l'interpolation, les cas nominaux et les deux langues
- tests/navigation.test.js : 10 tests couvrant la structure de données, le changement de langue, et le contenu par mode
Favicon SVG AutonoMoov

Infrastructure

SvelteKit 2.x avec @sveltejs/adapter-node
Svelte 4.x
Vite 5.x
svelte-i18n 4.x pour l'internationalisation
marked 12.x pour le rendu Markdown
Vitest 1.x + @testing-library/svelte pour les tests