th-zev - Détails du méli-mélo
Background colours used for NRCan's ZEV campaign
Parrainé par: NRCan - Eric Goodwin (@auxonic), NRCan - Gérard Dicks Pellerin (Gerard.DicksPellerin@nrcan-rncan.gc.ca)
Exemples
Définition de la thématique
Liste des class CSS
bg-zev-purplebg-zev-greenbtn-zev-purplebtn-zev-greenpanel-zev-greenpanel-zev-purple
Liste des fonctions JavaScript
Note d'implémentation
Les notes suivantes doivent être appliquées lors de l'implémentation de cette thématique afin de s'assurer qu'elle soit utilisé selon le principe de l'amélioration progressive. Ces instructions dois être suivi afin que la page web demeure fonctionnelle et conforme après la date d'expiration et du retrait de cette thématique.
- The
bg-zev-purpleclass must be accompanied with another dark contrast background colour such asbg-dark - Use
bg-zev-greenwith standard text colour to ensure sufficient contrast between text and background - Use
bg-zev-purplewithtext-whitecolour to ensure sufficient contrast between text and background - The
panel-zev-purpleorpanel-zev-greenclass must be accompanied with a fall back colour such aspanel-default - The
btn-zev-purpleorbtn-zev-greenclass must be accompanied with a fall back colour such asbtn-default
Énoncé d'accessibilité
These colours meet the colour contrast requirements as outlined in WCAG 2.1 AA Success Criterion 1.4.3: Contrast (Minimum). Tested by Eric Goodwin, eric.goodwin at nrcan-rncan.gc.ca. 2023-04-18. See the compliance notes regarding the risk of using these colours to convey meaningDétails de la page
- Date de modification :