Regrouper les composants par role accelere la comprehension et la maintenance.
Template playground v3
Micro-composants orientes accessibilite - Site Web Exemples
Version stricte avec contraste eleve, focus clavier visibles, role/aria cohérents et prise en charge du mode reduced motion.
Badges
Brouillon
Valide
A verifier
Bloquant
Info
Alertes
Tabs accessibles
<button role="tab" aria-selected="true">Guidelines</button>
<section role="tabpanel">...</section>- Navigation clavier OK
- Focus visible sur tous les controles
- Animations reduites si preference systeme
Accordeon accessible
Entrer ou Espace ouvrent le panneau. Les fleches permettent de changer de section.
Les transitions s'adaptent a prefers-reduced-motion pour limiter la fatigue visuelle.