Completed
Last Updated: 11 May 2023 13:29 by ADMIN
Drew
Created on: 04 May 2023 16:45
Type: Bug Report
0
Grid Pager Current Page Button Fails WCAG Contrast Checks

Using the latest Classic Kendo theme, when showing a grid with a pager, the button indicating the currently selected page has a background that's a function of the button's text color (opacity .2). This results in a background color that lacks sufficient contrast with the text color which is not compliant with WCAG contrast rules for display text.

https://webaim.org/resources/contrastchecker/?fcolor=F35800&bcolor=F1D2C0

#F35800 is the default primary button color in the default theme and F1D2C0 is the color that results from the interaction between a background with opacity .2 laid over the default background grey #F0F0F0. I've attached a screenshot of the PowerToys color picker showing the computed color of the button.

The button background color needs to pass all of the WCAG checks in the above link in our application and really should by default in my opinion.

Attached Files:
1 comment
ADMIN
Vessy
Posted on: 11 May 2023 13:29

Hello, Drew,

The main swatch of the Default theme is not designed to be accessible, but you can use the Ocean Blue A11y Accessibility Swatch that is created especially to WCAG Level AA requirements:

You can test it here: 

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.