Skip to main content


Bug Details

Bug No.:

231

Technology Type:

Web

Web Page URL / Screen Name:

Domain / Mobile App Name:

https://www.cowin.gov.in

Country:

India

Bug Name:

Insufficient color contrast for text

Bug Description:

Background/foreground color combinations with an insufficient contrast ratio are found in the main content area. The following text elements do not meet the WCAG 2.0 required minimum color contrast ratio of 4.5:1 for standard text of 18pt (24px) or 14pt (19px) if bolded: - "1464.00 + Lakh" with Foreground: #D88338, Background: #F4F4F4, Ratio: 2.6:1. - "412.28 + Lakh" with Foreground: #3287B5 Background: #F4F4F4, Ratio: 3.6:1. - "773.80 + Lakh" with Foreground: #56B6BE, Background: #F4F4F4, Ratio: 2.2:1. - "689.98 + Lakh" with Foreground: #D04F5F, Background: #F4F4F4, Ratio: 3.8:1. - "20703" with Foreground: #56A638, Background: #F4F4F4, Ratio: 2.8:1. - "Please enter correct pincode" (error message text on keeping input field empty or invalid pin) with Foreground: #FF0000, Background: #FFFFFF, Ratio: 4.0:1.

Screen Shot:

Highlighted the text with insufficient color contrast in main content area of the page

WCAG Success Criteria:

1.4.3 Contrast (Minimum)

WCAG Conformance Level:

AA

Contributor Name:

Sumit Sureshbhai Diyora