th-empathy - Méli-mélo details
Background colours used for empathy.
Sponsored by: ESDC - Principal Publisher
Examples
Thematic definition
Class CSS list
empathy
btn-empathy
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
btn-empathy
class must be accompagnied with a fall back button class such asbtn-default
orbtn-primary
.
Accessibility statement
These colours meet the colour contrast requirements as outlined in WCAG 2.1 AA Success Criterion 1.4.3: Contrast (Minimum). After validation using webaim online contrast checker, I can certified that the color matches used in this thematic are meeting a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text and also a contrast ratio of at least 3:1 for graphics and user interface components. I did my due diligence and to knowledge and from my understanding, all elements of this thematic are meeting WCAG 2.1 AA standrds. Tested by Eric Guitard, eric.guitard@servicecanada.gc.ca. 2024-04-30.Page details
- Date modified: