Accessibility: Pagination

4 posts, 0 answers
  1. Jan
    Jan avatar
    37 posts
    Member since:
    Apr 2017

    Posted 06 Jun Link to this post

    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.

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    297 posts

    Posted 09 Jun Link to this post

    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 visualization (charts) and form elements.
  3. Jan
    Jan avatar
    37 posts
    Member since:
    Apr 2017

    Posted 09 Jun in reply to Alex Hajigeorgieva Link to this post

    Did you read my question? :) Thanks in advance.
  4. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    297 posts

    Posted 09 Jun Link to this post

    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 visualization (charts) and form elements.
Back to Top