Interaction au clavier
| Touche | Action |
|---|---|
| Tab | Place le focus sur le bouton ou le lien. |
| Entrée | Active le bouton ou suit le lien. |
| Espace | Active le bouton. Sur un lien, fait défiler la page (comportement natif). |
Notes d’accessibilité
- Le nom accessible est le texte de l’élément. Un bouton qui ne contient qu’une icône a besoin d’un
aria-label. - Le texte atteint un rapport de contraste de 4,5:1 pour chaque variante, ton et thème ; le générateur de palette le garantit.
- L’indicateur de focus est un contour de 2 px, avec un contraste d’au moins 3:1 par rapport à la page dans les deux thèmes.
- Un
<button>désactivé sort de l’ordre de tabulation. Un lien désactivé reste focalisable, pour que les utilisateurs de lecteurs d’écran puissent le trouver, et il est annoncé comme désactivé. - En mode couleurs forcées, la bordure transparente devient un contour visible aux couleurs du système.