4.1 Insufficient text contrast on submission tracker (Medium)
4.1.1 WCAG 1.4.3 (AA) - Desktop, Mobile, iPad
On the final Review Report page, the new submission tracker component uses colour combinations that do not meet minimum contrast requirements. Specifically, the foreground colour #2B8CC4 on a white background (#FFFFFF) has a contrast ratio of 3.716:1, and #28A197 on a pale grey background (#F3F2F1) has a contrast ratio of 2.831:1. Both fall below the minimum required contrast ratio for normal text.
This low contrast could result in users finding it difficult to read the text, especially those with visual impairments including low vision and colour blindness. Insufficient contrast can be problematic in other situations as well, such as when users are using their device in sunlight, or with the brightness turned down.
FIGURE 4.1: Contrast ratios highlighted on Review Report page
4.1.2 Recommendation
Update the colour palette used in the submission tracker to ensure that all foreground and background combinations meet a minimum contrast ratio of 4.5:1. Tools such as the WebAIM contrast checker can help verify the compliance of new colour pairings.