Retour à la leçonMission
Mission : rendre DeleteConfirmModal réellement utilisable au clavier
Corriger une modale de confirmation inaccessible : focus jamais déplacé, fermeture au clavier absente, contenu asynchrone jamais annoncé.
Contexte
L'audit d'accessibilité sur DeleteConfirmModal.jsx relève trois problèmes précis : impossible de la fermer avec Échap, le focus reste bloqué sur le bouton "Supprimer" qui a ouvert la modale (jamais déplacé vers la modale elle-même), et le message "Suppression en cours..." qui s'affiche pendant l'appel API n'est annoncé par aucun lecteur d'écran. La modale utilise actuellement <div className="bouton-fermer" onClick={onFermer}>Fermer</div> pour son bouton de fermeture.