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

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 05 Sep 2022 09:02 by ADMIN

eDAD

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)

URL: https://demos.telerik.com/aspnet-ajax/datepicker/overview/defaultcs.aspx

Tool: Colour Contrast Analyser (Version 3.1.2) Repro Steps: 1. 1.Open URL: https://demos.telerik.com/aspnet-ajax/datepicker/overview/defaultcs.aspxpage 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:

untitled.png

1 comment

ADMIN

Rumen

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,
Rumen
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 https://learn.telerik.com/.