Language selection

Search


th-empathy - Méli-mélo details

Background colours used for empathy.

Sponsored by: Francis Snoddy on behalf of ESDC - Portfolio Web

Examples

Thematic definition

Class CSS list

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.

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 Eric Guitard, eric.guitard@servicecanada.gc.ca. 2024-04-30.

Page details

Date modified: