Exercice : focus visible

Ce composant regroupe un lien, un champ, une case à cocher personnalisée, deux boutons et un bandeau de contact.

Consignes

1. Ouvrez le composant et auditez-le selon les critères du RGAA 4.1.2 ci-dessous.
2. Ouvrez le code du composant dans votre éditeur. Corrigez uniquement le CSS : le HTML ne doit pas changer.
3. Rouvrez votre version et refaites les tests : le composant doit conserver son apparence générale.

Critères RGAA à vérifier

• 10.7 : pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Comment tester

Parcourez le composant uniquement au clavier (Tab, Maj+Tab, Espace) : chaque élément interactif doit être atteint, et vous devez toujours savoir où vous êtes.