WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Re: Web Pagination Controls

for

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

From: Oliver Boermans
Date: Mon, Sep 14 2009 4:35PM
Subject: Re: Web Pagination Controls
No previous message | Next message →

2009/9/15 Rowland, Brian < = EMAIL ADDRESS REMOVED = >:
> Doing some background research on pagination controls for searches that
> return large result sets, the de facto approach seems to be a string of
> anchors for page links (e.g. YUI-Paginator).  My thinking is that
> incorporating an unordered list would be appropriate, though I infer
> there is some good reason for foregoing the list for pagination UIs.
> I'm wondering if folks have an opinion one way or another on this.  I
> have not done any testing with ATs; does the UL just add clutter?  On
> the other hand, without CSS most of these pagination controls turn to
> visual mush.

The other aspect of this bit of navigation is the relationship between
the 'list' of links and the next and previous links. For example I
would imagine most people would expect "Previous | Next" to use
reading direction as a cue to paging direction; But this means with a
keyboard it is going to be necessary to tab over (the normally
redundant) previous every time. Similarly is it best to have the list
of page links appear after the most commonly used next link?

From: Simius Puer
Date: Tue, Sep 15 2009 3:15AM
Subject: Re: Web Pagination Controls
← Previous message | No next message

You can keep both keyboard and visual users happy by simply re-arranging the
order using CSS. In terms of your code put the items in the order that they
are most commonly needed, i.e. "next", "page numbers", "previous", then use
the CSS to represent them in the visually in the reverse order. That way
the reading order is great for screen readers and the visual representation
is what sighed users are familiar with.

Another alternative is just to specify the tab order, but then this would
not change the 'normal reading order' so is a little less helpful.

Hope that helps