Contraste

Intégration du Contraste

L'intégration du mode contraste élevé dans votre site peut grandement améliorer l'accessibilité pour les utilisateurs malvoyants.

Lorsque ce mode est actif, Adaptify ajoute l'attribut data-adaptify-high-contrast="enabled" à votre balise html. Ce qui vous permet de personnaliser l'apparence de votre site :

html[data-adaptify-high-contrast="enabled"] body {
    background-color: black;
    color: white;
}

Ou si vous souhaitez activer des propriétés uniquement quand il n'est pas actif :

html[data-adaptify-high-contrast="disabled"] body {
    background-color: black;
    color: grey;
}

Une fois Adaptify intégré il suffira d'activer le mode contraste élevé afin d'activer ses propriétés.

Pour le moment, Adaptify ne propose pas de gestion automatique des contrasts, donc si vous ne définissez pas ses propriétés, le mode contraste élevé n'affectera pas votre site.