Media: List View and Grid View links do not work with screen readers

[davidakennedy]

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.

[davidakennedy]

28871 Patch

[davidakennedy]

My patch is a first pass. I may not have gotten everything needed.

[ocean90]

In 29133:

Lists View Switcher: Replace blank image with screen reader text.

props davidakennedy.
fixes #28871.

[ocean90]

Thanks David! :)