Pagination

Pages for tables and lists: numbered keys in a tray with the current page latched down, seven slots so the row never changes width. Compact, it is a transport with a track counter.

Page with the keys or the arrows: the row keeps its width. Change Rows and the range follows, staying on the rows you were reading.

• A <nav> with its own name, a list of keys each named “Page 4”, and the current one marked aria-current="page".
• At the first or last page the arrow is aria-disabled, not disabled, so the key you just pressed keeps focus.
• The gaps are aria-hidden; the range sits in a polite live region.
• The compact counter is a picture of the page number; the words “Page 3 of 12” are said beside it.