[wp-trac] [WordPress Trac] #30152: Twenty Fifteen: archive pagination links accessibility

[WordPress Trac]

#30152: Twenty Fifteen: archive pagination links accessibility
-------------------------------+-----------------------------
 Reporter:  afercia            |      Owner:
     Type:  enhancement        |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Bundled Theme      |    Version:  trunk
 Severity:  normal             |   Keywords:
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 Archive pagination links have the text "Page" hidden with `display: none`
 so it's "hidden" also for screen readers.
 I would suggest to make that text available to screen readers and hide it
 only visually. Working on a patch.
 Here's how the links look on desktop and mobile:

 [[Image(https://cldup.com/opKQoeFx4B.png)]]

 Suppose you're in page 2 of 5, screen readers will announce:

 PREVIOUS (link)
 1 (link) 3 (link) 4 (link) 5 (link)
 NEXT (link)

 Which is not clear, "1"... what? Would be far better this way:

 PREVIOUS page (link)
 page 1 (link) page 3 (link) page 4 (link) page 5 (link)
 NEXT page (link)

 And on small screens (screen readers are used on mobile devices too):

 PREVIOUS page (link)
 NEXT page (link)

 On mobile though, the current page "Page" text is the only one displayed
 (and announced).
 I'm considering to give just to screen reader users the ability to use
 also the hidden links.

 Will try to take care of the
 [https://core.trac.wordpress.org/ticket/30083#comment:7 uppercase thing]
 too.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/30152>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform