[wp-trac] [WordPress Trac] #32509: List table: media thumbnail and title links improvements

[WordPress Trac]

#32509: List table: media thumbnail and title links improvements
-------------------------------+-----------------------------
 Reporter:  afercia            |      Owner:
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Media              |    Version:  4.2
 Severity:  normal             |   Keywords:
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 In the Media Library, the attachment thumbnail is a linked image and its
 alt attribute is set with the alt-caption-title fallback see #18984. See
 screenshot:

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

 For linked images though, the alt attribute should communicate the
 destination of the link or action taken, see [http://dev.w3.org/html5/alt-
 techniques/developer.html#tree A simple alt text decision tree]

 This impacts screen readers and the way(s) they read out content,
 depending on the "reading mode", not to mention other assistive
 technologies. All screen readers have different browsing modes, they name
 them in a different way but they're basically the same, for example:
 - "Say all" just lets the screen reader read out the whole page content
 - using arrows to navigate all page objects
 - tabbing to navigate through focusable elements
 - for tables, they have special keystrokes to navigate in every direction
 inside the table

 Tested with Firefox + NVDA, here's how our example gets read out:
 {{{
 Say all          > `link graphic asdasd`
 using arrows     > `link graphic asdasd`
 table navigation > `link graphic asdasd`
 tabbing          > `asdasd graphic link  Edit “typekit-bb-2014-4-copy”`
 }}}

 Only when tabbing it will read out *also* the link title in addition to
 the alt attribute: `asdasd graphic link  Edit “typekit-bb-2014-4-copy”. In
 all other cases there's no information at all about the link's purpose.

 Additionally, the linked Title and the filename below can be improved a
 bit.

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