th-vitality - Méli-mélo details
Background colours used for vitality.
Sponsored by: Francis Snoddy on behalf of ESDC - Portfolio web
Examples
Thematic definition
Class CSS list
vitalitybtn-vitalitytext-vitalitybg-vitality
JavasScript function list
Implementation note
The following notes must be applied when implementing this thematic to ensure it follows the principle of progressive enhancement. These instructions must be followed so that the web page stays functional and conforming after the expiration date and removal of this thematic.
- The
btn-vitalityclass must be accompanied with a fall back button class such asbtn-defaultorbtn-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 standards. Tested by Francis Snoddy, francis.snoddy@hrsdc-rhdcc.gc.ca. 2025-01-17.Page details
- Date modified: