Guide d'utilisation
Un bon bouton combine un fond contrasté, un padding confortable, un état :hover et un anneau de focus :focus-visible pour l'accessibilité.
- Primary : action principale.
- Outline / Ghost : actions secondaires.
- Gradient : mise en avant marketing.
FAQ
Pourquoi inclure :focus-visible ?
Cet état affiche un anneau de focus uniquement pour la navigation clavier, ce qui respecte les règles d'accessibilité WCAG sans gêner la souris.
Quelle hauteur minimale recommandée ?
Visez au moins 44–48px de hauteur pour garantir une cible tactile confortable sur mobile.