Declined
Last Updated: 05 Oct 2023 10:02 by ADMIN
eDAD
Created on: 05 Sep 2022 11:08
Category: Grid
Type: Bug Report
0
Grid pagination buttons should have button role.

Description: 

If screen reader is not announcing the role as button for Grid pagination controls then users will confuse and not able to utilize the control properly.

Environment (OS, Application):

Test Environment:

OS version (OS Build 22000.856) 
Microsoft Edge : Version 105.0.1343.25 (Official build) (64-bit)
URL: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pageable

AT (include version number):

Narrator

Repro Steps:

1. Open given URL in Microsoft Edge .

2. "pageable - API Reference - Kendo UI Grid | Kendo UI for jQuery" page will open.

3. Turn on Narrator.

4. Navigate to the Grid pagination buttons using keyboard.

5. Verify that screen reader is announcing role as button or not.

Actual Results:

The pagination buttons at the bottom of grids have their role defined as link.

Expected Results:

The pagination buttons at the bottom of grids should have their role defined as a button, not link.

Additional notes:

This issue is present on any page grid pagination is used, so should address it globally


 


3 comments
ADMIN
Georgi Denchev
Posted on: 05 Oct 2023 10:02

Hello, Andrew,

The pager is updated to use <button> elements instead of <a> starting with v2023.1.314. I'd recommend that you upgrade to this one or a newer version.

Best Regards,
Georgi Denchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Andrew
Posted on: 28 Sep 2023 18:18

My pagination buttons are links, <a>page number</a>. How do I change it to <button>page number</button>?

Thanks!

ADMIN
Georgi Denchev
Posted on: 12 Sep 2022 09:30

Hello,

In order for all accessibility features of the Grid to be enabled, you need to set the navigatable property of the widget to true.

You can test all of the pager buttons in the Keyboard Navigation demo to verify that they have the correct role:

https://demos.telerik.com/kendo-ui/grid/keyboard-navigation 

Best Regards,
Georgi Denchev
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.