th-canadaday - Méli-mélo details
Background colours used for the Canada Day campaign
Sponsored by: PCH - Nick Frenette (@nfrenette)
Examples
Thematic definition
Class CSS list
bg-canadaday
panel-canadaday
brdr-canadaday
bg-canadaday-beige
canadaday
panel-canadaday-card
panel-canadaday-card-compact
JavasScript function list
Implementation note
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-canadaday
class must be accompagnied with another dark contrast background colour such asbg-dark
- The
panel-canadaday
class must be accompagnied with a fall back color such aspanel-default
- Use
bg-canadaday-beige
with standard text colour to ensure sufficient contrast between text and background
Accessibility statement
These colours meet the colour contrast requirements as outlined in WCAG 2.1 AA Success Criterion 1.4.3: Contrast (Minimum). Tested by Nick Frenette, nick.frenette at pch.gc.ca. 2023-12-06.Page details
- Date modified: