[wp-meta] [Making WordPress.org] #6173: Add ALT text field to upload form

[Making WordPress.org]

#6173: Add ALT text field to upload form
-----------------------------+---------------------
 Reporter:  alexstine        |       Owner:  (none)
     Type:  enhancement      |      Status:  new
 Priority:  normal           |   Milestone:
Component:  Photo Directory  |  Resolution:
 Keywords:  needs-patch      |
-----------------------------+---------------------

Comment (by alexstine):

 @joedolson Yes, the current problem with the figcaption being read is ALT
 text plus figcaption in Firefox equals a long reading string. Not a great
 experience. Need to only read the ALT or maybe just read the figcaption if
 this text needs to remain visually. Adding the ALT attribute may not have
 been needed here, just need to have text that reflects good ALT
 description. Something like this for example.

 {{{
 <figure>
         <a
 href="https://pd.w.org/2023/04/7364394ce3091cc0.09281796-rotated.jpg">
                 <img class="single-photo"
 src="https://pd.w.org/2023/04/7364394ce3091cc0.09281796-225x300.jpg"
 srcset="https://pd.w.org/2023/04/7364394ce3091cc0.09281796-225x300.jpg
 225w, https://pd.w.org/2023/04/7364394ce3091cc0.09281796-768x1024.jpg
 768w, https://pd.w.org/2023/04/7364394ce3091cc0.09281796-1152x1536.jpg
 1152w, https://pd.w.org/2023/04/7364394ce3091cc0.09281796-1536x2048.jpg
 1536w" alt="" aria-labelledby="image-label" aria-description="View larger
 image"></a>
         <figcaption class="wp-caption-text" id="image-label">
                 <span>Alternative Text: </span>Tour Eiffel -
 Paris</figcaption>
 </figure>
 }}}

 Do you think it is a problem that I am using aria-description to
 communicate the links purpose? I am trying to balance usefulness and
 verbosity. It makes sense to me to read the figcaption but users may not
 want to hear every time that the link opens a larger image view. This is
 where accessibility spec gets a little stupid in my opinion.

 The other thing we could do is expose it outside of the figure element all
 together. Something like a Copy ALT Text button. I think that would be a
 much cleaner approach.

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/6173#comment:25>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org