Improve colors accessibility #2

New Issue

Closed

opened 2024-05-19 16:05:46 +00:00 by csechet · 0 comments

csechet commented

2024-05-19 16:05:46 +00:00

Owner

The red and black colors in the mock-up are not accessible (c.f https://webaim.org/resources/contrastchecker/?fcolor=161616&bcolor=DB2937).

Black on red doesn't pass WCAG level AA, red on black titles doesn't pass level AAA. I used a slightly lighter red when integrating, but I'll let it up to you to choose colors. You can use the link above to check for color contrast. The images assets should also be edited to match the chosen colors.

Web Content Accessibility Guidelines : https://www.w3.org/WAI/WCAG2AAA-Conformance

For testing purposes, colors are defined in the "variables.css" file, as CSS variables.

The red and black colors in the mock-up are not accessible (c.f https://webaim.org/resources/contrastchecker/?fcolor=161616&bcolor=DB2937). Black on red doesn't pass WCAG level AA, red on black titles doesn't pass level AAA. I used a slightly lighter red when integrating, but I'll let it up to you to choose colors. You can use the link above to check for color contrast. The images assets should also be edited to match the chosen colors. Web Content Accessibility Guidelines : https://www.w3.org/WAI/WCAG2AAA-Conformance For testing purposes, colors are defined in the "variables.css" file, as CSS variables.