Contexte
L'interface utilisateur de la popup permet de vider l'intégralité de la liste blanche via le bouton "Vider la liste" (clear-domains), défini dans popup.js.
Problème
Après avoir cliqué sur "Vider la liste" et validé la boîte de dialogue de confirmation, le DOM est mis à jour et la liste est vidée, mais le focus clavier est perdu. Le focus retourne au niveau du body, ce qui rompt la navigation au clavier et dégrade l'accessibilité.
Scénario de Reproduction
- Ouvrir la popup avec au moins un domaine enregistré.
- Utiliser la touche Tab pour naviguer jusqu'au bouton "Vider la liste".
- Appuyer sur Entrée.
- Confirmer la boîte de dialogue.
- Appuyer à nouveau sur Tab et constater la perte de positionnement logique.
Comportement Attendu
Une fois la liste vidée avec succès, le focus doit être redirigé de manière programmatique vers le premier élément interactif pertinent, comme le bouton "Ajouter le domaine courant".
Pistes Techniques
Fichier concerné : popup.js.
Dans la fonction clearDomains, après l'appel à await renderList(), ajouter une instruction pour cibler le bouton principal :
document.getElementById("add-domain").focus();
Contexte
L'interface utilisateur de la popup permet de vider l'intégralité de la liste blanche via le bouton "Vider la liste" (
clear-domains), défini danspopup.js.Problème
Après avoir cliqué sur "Vider la liste" et validé la boîte de dialogue de confirmation, le DOM est mis à jour et la liste est vidée, mais le focus clavier est perdu. Le focus retourne au niveau du
body, ce qui rompt la navigation au clavier et dégrade l'accessibilité.Scénario de Reproduction
Comportement Attendu
Une fois la liste vidée avec succès, le focus doit être redirigé de manière programmatique vers le premier élément interactif pertinent, comme le bouton "Ajouter le domaine courant".
Pistes Techniques
Fichier concerné :
popup.js.Dans la fonction
clearDomains, après l'appel àawait renderList(), ajouter une instruction pour cibler le bouton principal :