DISIC/design.numerique.gouv.fr

[RGAA] Gestion du focus

benoitdequick opened this issue · 0 comments

Par exemple sur le champ de recherche de la page « Résultats de recherche » et la page « Agenda », Lorsque l’utilisateur clique sur le bouton de réinitialisation, le bouton est masqué en CSS avec un display:none, ce qui entraîne la perte du focus sur le bouton.

Sur la page de Résultats de recherche et la page Agenda :
Le bouton « Voir plus de résultats » affiche les nouveaux éléments, mais ceux-ci figurant dans le code avant le bouton, l’utilisateur devra revenir en arrière dans la tabulation pour les consulter.
Corrections
• Au click sur le bouton de réinitialisation, repositionner le focus sur le champ de recherche, en utilisant la méthode JavaScript focus().
• Au click sur le bouton "Voir plus de résultats" , repositionner le focus sur le premier des nouveaux résultats affichés, en utilisant la méthode JavaScript focus() et en ajoutant une propriété tabindex="-1" sur cet élément.