[wp-trac] [WordPress Trac] #28871: Media: List View and Grid View links do not work with screen readers

[WordPress Trac]

#28871: Media: List View and Grid View links do not work with screen readers
---------------------------+-----------------------------
 Reporter:  davidakennedy  |      Owner:
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Media          |    Version:  trunk
 Severity:  normal         |   Keywords:
  Focuses:  accessibility  |
---------------------------+-----------------------------
 What happened: When I visit /wp-admin/upload.php and navigate to the List
 View or Grid View links, I do not hear any audible feedback from the
 screen reader, only "Link"

 What I expected: I would expect to hear something like: "Link: List View"
 and "Link: Grid View"

 Steps to reproduce: 1. Visit /wp-admin/upload.php 2. Navigate to the List
 View or Grid View links with a screen reader

 Thoughts: This happens because:

 * The links have no link text.
 * There are currently blank.gif with alt text, however, these have a style
 of `display: none;` so a screen reader never hears anything because with
 that style, it's hidden from everything.

 Solutions: Use the `screen-reader-text` class on a span inside the links
 to hide the text but still make it available to screen readers. The
 blank.gifs may need to be removed. Not sure if they're used elsewhere.

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