Ma déclaration de sinistre

Les 7 erreurs corrigées

1. Piège clavier : la modale n’était qu’un <div> : le focus restait sur la page derrière et aucune commande de la modale n’était atteignable. Avec <dialog> et showModal(), le navigateur place et garde le focus dans la modale.
2. Pas de sortie au clavier : Échap ferme la modale (comportement natif de <dialog>).
3. Faux boutons : « × », « Annuler » et « Supprimer » étaient des <div> cliquables. Ce sont maintenant de vrais <button>, atteignables et activables au clavier.
4. Rôle et nom absents : role="alertdialog", aria-labelledby et aria-describedby décrivent la modale aux lecteurs d’écran. La croix a un aria-label.
5. Arrière-plan actif : showModal() rend le reste de la page inerte, au clavier comme aux lecteurs d’écran.
6. Focus non géré : le focus arrive sur « Annuler » (autofocus), le choix le moins risqué, et revient sur « Supprimer la déclaration » à la fermeture.
7. Focus invisible : le outline: none est supprimé et un :focus-visible bien contrasté est ajouté.