Mode haute contraste pour l'accessibilité et conformité WCAG
Ratios de contraste conformes aux standards WCAG 2.1 AAA
Couleurs optimisées pour une lisibilité maximale
Media query et variables pour le mode haute contraste
@media (prefers-contrast: high) {
:root {
/* High Contrast Light */
--background: 0 0% 100%;
--foreground: 0 0% 0%;
--primary: 221 83% 23%;
--primary-foreground: 0 0% 100%;
--border: 0 0% 0%;
--ring: 221 83% 23%;
}
.dark {
/* High Contrast Dark */
--background: 0 0% 0%;
--foreground: 0 0% 100%;
--primary: 48 96% 53%;
--primary-foreground: 0 0% 0%;
--border: 0 0% 100%;
--ring: 48 96% 53%;
}
}Composants optimisés pour le mode haute contraste
Texte avec contraste 7:1
Texte avec contraste 7:1
Fonctionnalités avancées pour utilisateurs à besoins spécifiques