mohkohn.co.uk
Resume pret
HTTP 200
Un fournisseur de services publics avait un formulaire en ligne défaillant, et une application React précédente a été retirée après trois jours en raison de problèmes d'accessibilité, de performances et de stockage local insuffisant.
L'auteur a reconstruit le site avec une approche HTML-first (Astro), en privilégiant le rendu sans JavaScript, l'amélioration progressive et des exigences telles que l'accessibilité WCAG AA, la compatibilité avec de vieux navigateurs et la sauvegarde des données côté serveur à chaque étape.
Chaque étape du formulaire est une page distincte soumise au serveur avec redirection, et un composant web léger de validation (validation-enhancer) a été développé pour tirer parti de la validation HTML, afficher proprement les erreurs et retomber sur la validation du navigateur ou du backend si nécessaire.
Après le lancement, le nombre de formulaires complétés a doublé du jour au lendemain, de nombreux utilisateurs n'étant pas visibles par l'analytics côté client du fait d'échecs JavaScript, et certains ont terminé leur dossier plusieurs semaines après l'avoir commencé grâce aux sessions côté serveur.
L'auteur affirme que les services publics doivent fonctionner pour tous, même sur des appareils anciens et des connexions médiocres, et que construire des applications web robustes et HTML-first améliore l'accessibilité et la pérennité.