E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 3 (In chronological order)

From: dinesh tripathi
Date: Wed, Sep 09 2020 1:49PM
Subject: Need your recommendation for pagination links
No previous message | Next message →

Hello All,
There is a pagination component used in a data table of web page to pull up the list of data and display in data table. The Tab order reset back to the "Previous" link after clicking any other interactive control in pagination component. 
For example: There are "Previous, 1, 2 ,3, 4, 5,.....Next" pagination links available in a page. The tab focus moved to "Previous" link after user click any of the numbers of Next link. 
Does this behavior violate any WCAG SC? 
I am expecting to  move Tab focus to 'link 3' instead of "Previous" link  when I activate 'link 2' for consistent navigation.
Also, Previous link should be read only  when page 1 displayed by default.
Thank you,DT

From: glen walker
Date: Wed, Sep 09 2020 5:09PM
Subject: Re: Need your recommendation for pagination links
← Previous message | Next message →

It's not ideal to move the focus from the number clicked on to "previous"
but it doesn't necessarily "affect meaning or operation" of the page, which
is required for 2.4.3, so personally I wouldn't fail it.

Ideally, leave the focus where it was. Click on '2', leave the focus on
'2'. However, that means '2' should remain clickable. That is, if you're
on page '3' and then you click on '2', the page updates showing the
contents of page 2 and the focus should remain on '2' and '2' should remain
clickable. It should not become text only or read only or disabled.
Trying to leave the focus on an element that is no longer interactive can
cause problems.

On Wed, Sep 9, 2020 at 1:49 PM dinesh tripathi via WebAIM-Forum <
= EMAIL ADDRESS REMOVED = > wrote:

> Hello All,
> There is a pagination component used in a data table of web page to pull
> up the list of data and display in data table. The Tab order reset back to
> the "Previous" link after clicking any other interactive control in
> pagination component.
> For example: There are "Previous, 1, 2 ,3, 4, 5,.....Next" pagination
> links available in a page. The tab focus moved to "Previous" link after
> user click any of the numbers of Next link.
> Does this behavior violate any WCAG SC?
> I am expecting to move Tab focus to 'link 3' instead of "Previous" link
> when I activate 'link 2' for consistent navigation.
> Also, Previous link should be read only when page 1 displayed by default.
> Thank you,DT
> > > > >

From: Mohith BP
Date: Thu, Sep 10 2020 2:11AM
Subject: Re: Need your recommendation for pagination links
← Previous message | No next message

Hi Dinesh,

From the usability point of view:
1. The focus should remain on Previous and next button / links upon
activation as the user may want to activate the next / previous
buttons continuously. Ensure there is information to the screen reader
users which page has been loaded with ARIA live regions.
2. Activating any of the numbered links in pagination should ideally
take the focus to the newly loaded content.


Thanks & Regards,
Mohith B. P.

On 9/10/20, dinesh tripathi via WebAIM-Forum
< = EMAIL ADDRESS REMOVED = > wrote:
> Hello All,
> There is a pagination component used in a data table of web page to pull up
> the list of data and display in data table. The Tab order reset back to the
> "Previous" link after clicking any other interactive control in pagination
> component.
> For example: There are "Previous, 1, 2 ,3, 4, 5,.....Next" pagination links
> available in a page. The tab focus moved to "Previous" link after user click
> any of the numbers of Next link.
> Does this behavior violate any WCAG SC?
> I am expecting to move Tab focus to 'link 3' instead of "Previous" link
> when I activate 'link 2' for consistent navigation.
> Also, Previous link should be read only when page 1 displayed by default.
> Thank you,DT
> > > > >