Les couleurs du thème sont utilisées pour intégrer votre image de marque dans les produits Benevity afin de les rendre familiers. Vos couleurs de thème apparaissent dans le site de votre programme et vos courriels de notification système. Elles s'afficheront également sur votre portail Community Impact (CI) et l'App Benevity, si vous avez ces produits activés.
Vous pouvez modifier les couleurs du thème de votre site de programme en accédant à Gérer > Paramètres du site > Couleurs du thème.
Autorisations
Les utilisateurs ayant le rôle Theme Manager peuvent modifier les couleurs du thème.
Exigences en matière d'accessibilité
Le choix des bonnes couleurs est essentiel pour garantir que votre site Web est accessible et convivial pour tous. Assurez-vous que vos couleurs de thème respectent les normes minimales de contraste des couleurs établies par les Web Content Accessibility Guidelines (WCAG) 2.0 AA, car cela joue un rôle important pour rendre votre site significatif pour tous les utilisateurs.
Mettre à jour vos couleurs de thème
Vous pouvez modifier les couleurs de Marque et d'Action de votre site. Vous aurez besoin du code HEX à 6 chiffres pour les deux.
La Couleur de marque est utilisée pour mettre en évidence les éléments interactifs tels que les liens texte. Elle doit être une couleur foncée pour respecter les contrastes de couleurs minimaux.
La Couleur d'action est utilisée pour les boutons d'action principaux. Elle peut être n'importe quelle couleur sauf le rouge, associée à du texte noir ou blanc, pour respecter les contrastes de couleurs minimaux.
Directives relatives aux couleurs :
- N'utilisez pas la même couleur pour les couleurs d'Action et de Marque afin qu'il soit clair où l'utilisateur peut agir.
- Marque : évitez d'utiliser le noir ou le rouge, car cela entraîne des problèmes d'utilisabilité.
- Action : évitez d'utiliser le rouge, car cela entraîne des problèmes d'utilisabilité.
Pour mettre à jour les couleurs du thème :
- Sélectionnez Gérer dans le coin supérieur droit de l'écran.
- Accédez à Paramètres du site > Couleurs du thème.
- Entrez le code HEX à 6 chiffres pour vos couleurs de Marque et d'Action.
Si les couleurs ne sont pas conformes aux normes WCAG, un avertissement s'affichera indiquant que les couleurs actuelles ne sont pas appropriées. De plus, vous recevrez des recommandations pour des couleurs similaires qui répondent aux exigences. Dans l'exemple ci-dessous, la couleur d'action rose ne respecte pas les normes; des alternatives sont proposées pour des teintes similaires conformes.
- Sélectionnez Enregistrer les couleurs lorsque vous êtes satisfait de vos modifications. Vos nouvelles couleurs seront immédiatement mises à jour sur l'ensemble de votre site.