Page MenuHomePhabricator

Modernize layout of pagers and improve accessibility
Open, LowPublic

Description

Pagers currently look like this (certain special pages):

(previous 50 | next 50) (20 | 50 | 100 | 250 | 500)

or this (page history):

(newest | oldest) View (newer 50 | older 50) (20 | 50 | 100 | 250 | 500)

It's extremely dated, with a lot of visual noise, and needs accessibility improvement with the addition of ARIA attributes.

Tidier layouts would be:

Previous, next. Show [50] items per page.

View: newest, oldest, newer, older. Show [50] revisions per page.

The [50] indicates a drop-down menu. In it the aria-selected attribute should be used on the currently selected quantity.

As a quick improvement to accessibility on the current layout, the link that indicates the currently selected quantity should have the attribute aria-current added to it.

Details

Reference
bz51688

Event Timeline

bzimport raised the priority of this task from to Lowest.Nov 22 2014, 1:50 AM
bzimport set Reference to bz51688.
bzimport added a subscriber: Unknown Object (MLST).
Krinkle renamed this task from Don't hyperlink current option for number of items to Pager limit navigation should indicate current choice.Oct 13 2021, 7:43 PM
Krinkle updated the task description. (Show Details)
Krinkle added a project: Design.
Krinkle removed a subscriber: wikibugs-l-list.
Scott renamed this task from Pager limit navigation should indicate current choice to Modernize layout of pagers and improve accessibility.Feb 19 2022, 11:30 PM
Scott raised the priority of this task from Lowest to Low.
Scott added a project: Accessibility.
Scott updated the task description. (Show Details)