This is a migrated thread and some comments may be shown as answers.

Accessibility: Pagination

3 Answers 93 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Jan
Top achievements
Rank 1
Jan asked on 06 Jun 2017, 08:52 AM

Hello,

I am wondering why the pagination in i.e. the ListView can't be focused (tabindex -1 is set). Is there a special reason for this construction? An external accessibility company is testing our applications and claiming that the pages and navigation arrows must be focusable. The "page up/down" shortkeys are not sufficient in our case. I now must run a script to remove the tabindex=-1 you set in the pagination.

3 Answers, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 09 Jun 2017, 08:36 AM
Hi Jan,

You are correct in your observation regarding the Kendo UI ListView when it uses a pager. Paging with the keyboard can be performed with PageUp / PageDown in the same manner as it is done for the Kendo UI Grid:

http://demos.telerik.com/kendo-ui/listview/keyboard-navigation
(focus the widget first)

Regards,
Alex Hajigeorgieva
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Jan
Top achievements
Rank 1
answered on 09 Jun 2017, 08:39 AM
Did you read my question? :) Thanks in advance.
0
Alex Hajigeorgieva
Telerik team
answered on 09 Jun 2017, 02:16 PM
Hello Jan,

I am sorry if it felt like I did not read the question thoroughly. 

I have done some research for you now which will hopefully provide the full answer to your questions below:

1) I am wondering why the pagination in i.e. the ListView can't be focused (tabindex -1 is set).

This is done on purpose to prevent navigation from continuing to the pager.

2) Is there a special reason for this construction? 

The reason is so that the user can "leave" the Kendo UI Grid/ListView etc. without having to go through each page anchor.

The negative tabindex was implemented in the Kendo UI Pager for R3 in 2012. In case you wish to patch it, you need to target adding the attribute in the update function(tabindex=-1) and the template.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
Tags
ListView
Asked by
Jan
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Jan
Top achievements
Rank 1
Share this question
or