[wp-trac] [WordPress Trac] #48028: Media Library 'featured image' dialogue missing link text that describes 'opens in new tab'.

[WordPress Trac]

#48028: Media Library 'featured image' dialogue missing link text that describes
'opens in new tab'.
-------------------------+-------------------------------------------------
 Reporter:  anevins      |      Owner:  (none)
     Type:  defect       |     Status:  new
  (bug)                  |
 Priority:  normal       |  Milestone:  Awaiting Review
Component:  Media        |    Version:
 Severity:  normal       |   Keywords:  needs-patch has-screenshots
  Focuses:               |  wpcampus-report good-first-bug
-------------------------+-------------------------------------------------
 The "Media Library" panel of the "Featured Image" modal dialog contains a
 link labelled with "Edit image". This link takes users to a new
 window/tab, but that link does not inform users that it opens a new window
 or tab.

 A link does not naturally convey itself to assistive technology that it
 opens in a new tab without link text that describes it.

 It is important to convey that a link opens in a new tab because of the
 change of context may not be clear to everyone.

 **Suggested solution**
 * Write more descriptive link text that describes the link opening in a
 new tab;
 * Utilise the class of 'screen-reader-text' in CSS to hide that text (you
 can wrap the text in `<span class="screen-reader-text">`).

 **Example of solution**

 {{{

 <a class="edit-attachment" href="..." target="_blank">
   Edit Image
   <span class="screen-reader-text">(Opens in a new window)</span>
 </a>

 }}}


 This problem was originally raised on ticket #47137 and has been separated
 out here to reduce complexity.

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