Last Updated: 05 Sep 2022 09:02 by ADMIN
Created on: 30 Aug 2022 12:40
Category: DatePicker
Type: Bug Report
Luminosity contrast ratio for 'selected date' on Calander is less than 4.5:1.

Test Environment:

OS: Windows_11

Version: 22H2
OS Build: 22598.200
Browser: Version 104.0.1293.70 (Official Build) (64-bit)

Tool: Colour Contrast Analyser (Version 3.1.2)                                                                                                                                                                                                                                                                                                                                                                                                                                        Repro Steps:                                                                                                                                                                                                                                                                                                                                                                                                                                                                              1. 1.Open URL: in Edge Browser.

2. Navigate and activate 'Calander' icon where popup opens.
3. Colour Contrast Analyser.
4. Apply foreground & background color check for luminosity contrast ratio of 'Selected date' on 'Calander' popup.
5. Observe an issue that luminosity contrast ratio for 'selected date' on Calander is 3.8:1 which is less than 4.5:1.

Actual Behavior:

Luminosity contrast ratio for 'selected date' on Calander is 1.6:1 which is less than 4.5:1.

Expected Behavior:

Contrast ratio for the text must be greater than or equal to 4.5:1.                                         

Attached Files:
1 comment
Posted on: 05 Sep 2022 09:02

Hi eDAD,

Thank you for reporting this!

RadCalendar is used in the popup of the DatePicker and therefore the report is very similar to the one for RadCalendar at Ensures the contrast between foreground and background colors doesn't meet WCAG 2 AA contrast ratio thresholds.

The solution is identical, e.g. to override the RadCalendar styles in the popup.

On a side note please post the bug reports for the correct products since this way the proper team/tech specialist will handle the case faster. Thank you for your understanding!

Best Regards,
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at