Accessibility issues in Grid pager: Broken ARIA reference in link (next, first, previous, last)

[Francisco]

When you evaluate a page, with a kendo grid inside, accessibility tools like WAVE (https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh), show errors on "pager links".

These errors are Broken ARIA references: An aria-labelledby or aria-describedby reference exists, but the target for the reference does not exist.

The links have the aria-describeby attribute, but the reference does not exist.

Attached screenshot with the generated code

Kendo version: 2022.1.301

Thanks!

[Georgi Denchev]

Hi, Francisco,

Thank you for the provided details.

There have been fixes in the latest release that cover several accessibility issues, including the one mentioned. Could you please test again with v2022.1.412 and see if you're still observing the same problem?

I ran WAVE on the following page:

https://runner.telerik.io/fullscreen/@gdenchev/ILExeYIS 

And these were the results:

You can find the source code of the page here:

https://dojo.telerik.com/@gdenchev/ILExeYIS 

Additionally, we have a new theme which takes care of the Contrast errors as well. I would recommend that you use it if your aim is to achieve maximum accessibility on your page.

Dojo which uses the new theme:

https://dojo.telerik.com/@gdenchev/ogAyUJEq 

Result with the new theme:

Let me know if you have any questions or additional concerns.

Best Regards,
Georgi Denchev
Progress Telerik

[Francisco]

Thanks! I will check the new version.