th-zev - Détails du méli-mélo
Background colours used for NRCan's ZEV campaign
Parrainé par: NRCan - Eric Goodwin (@auxonic)
Exemples
Définition de la thématique
Liste des class CSS
bg-zev-purple
bg-zev-green
btn-zev-purple
btn-zev-green
panel-zev-green
panel-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-purple
class must be accompanied with another dark contrast background colour such asbg-dark
- Use
bg-zev-green
with standard text colour to ensure sufficient contrast between text and background - Use
bg-zev-purple
withtext-white
colour to ensure sufficient contrast between text and background - The
panel-zev-purple
orpanel-zev-green
class must be accompagnied with a fall back colour such aspanel-default
- The
btn-zev-purple
orbtn-zev-green
class must be accompagnied 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 :