Unplanned
Last Updated: 27 Jun 2023 07:33 by ADMIN
eDAD
Created on: 20 Jun 2023 12:37
Category: UI for ASP.NET Core
Type: Bug Report
0
Accessibility bug-While invoking 'start' and 'end' date calendar, the selected date is not visible in both aquatic and desert theme.

Test Environment:

OS Version: 22H2 OS Build 22621.1702

Edge Version: Edge(Chromium) Version 114.0.1823.37 (Official build) (64-bit) 

 

Pre requisites:

High contrast mode: Settings->Accessibility->contrast themes-> select Aquatic/desert theme

Repro-Steps:

  1. Open ASP.NET Core DateRangePicker Key Features Demo | Telerik UI for ASP.NET Core using valid credentials.
  2. Navigate to 'Start'/'End' calendar using Tab key and invoke it. 
  3. Select any Date from Start/End calendar.
  4. Observe the issue in high contrast mode i.e. Aquatic/Desert mode whether we are able to identify the selected date in high contrast themes or not. 

Actual Result:
While invoking start and end date calendar, the selected date is not visible in both aquatic and desert theme.

Expected Result:
While invoking start and end date calendar, the selected date should be visible clearly in both aquatic and desert theme.


User Impact:

Users with low vision and who rely on high contrast aquatic and desert theme will face difficulties if the selected date is not visible clearly.

1 comment
ADMIN
Alexander
Posted on: 27 Jun 2023 07:33

Hi,

Thank you for the comprehensive details in regard to the reproduction of the issue.

In terms of accessibility, I completely agree that the described behavior for the selection of the date in the Date popup might seem counter-intuitive for users that have a visual impairment.

In this regard, I found the following GitHub issue that a colleague of ours has logged from a previous discussion of yours:

https://github.com/telerik/kendo-ui-core/issues/7028

Although, at first glance, the GitHub issue might not seem closely coupled to the currently reported behavior, the same behavior is also applicable to the DateRangePicker as well. To elaborate more, this is due to the fact that the selected date will be explicitly decorated with the "k-selected" class.

This can be observed by utilizing the browser inspector and hovering over the selected date to see the rendered markup:

With that in mind, I have increased the item's priority in order to move it upwards in our queue of bug reports.

For further bringing this to our attention, I have also updated your Telerik points as a token of appreciation.

Kind Regards,
Alexander
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.