Expérience mobile, PWA et accessibilité
Utilisable partout, installable, et mesuré plutôt que supposé.
Ce que le domaine couvre
- PWA installable dès la première visite (#40) : le service worker est enregistré sur la page de connexion, seule page d’entrée accessible sans session.
- Bouton d’installation qui n’apparaît que si le navigateur émet l’événement ; absent sur iOS, masqué quand l’application est déjà installée.
- Bouton de mise à jour (#33) : vérification du service worker, purge des caches, rechargement.
- Icône PWA refaite (#42) : l’ancien motif SVG en texte ne survivait pas à la rasterisation ; nouveau dessin 100 % tracés, variantes maskables, test unitaire anti-régression.
- Design : tokens CSS (espacements, typographies, rayons, ombres), thème clair, onboarding grand public à la première visite, micro-interactions.
- Mobile : barre d’actions fixe, cibles tactiles de 44 px, grilles empilées, menus en icônes seules, bouton de déconnexion en SVG.
- Accessibilité : navigation au clavier, lecteurs d’écran, libellés explicites.
État
| Fonctionnalité | État |
|---|---|
| PWA installable dès la première visite (#40) | Livré |
| Bouton de mise à jour (#33) | Livré |
| Icône PWA corrigée et testée (#42) | Livré |
| Design tokens, thème clair, onboarding (#36) | Livré |
| Mobile : barre d’actions, cibles 44 px, débordements mesurés (#37, #46, #47) | Livré |
| Menus en icônes et déconnexion SVG (#51, #52, #53) | Livré |
| Responsive et accessibilité (#14) | Livré |
Ce qui reste
Rien d’ouvert. La méthode compte autant que le résultat : chaque correction d’affichage mobile est vérifiée par une mesure de débordement, parce que les corrections à l’estime se contredisaient d’une session à l’autre.