[wp-trac] [WordPress Trac] #61028: Thickbox modal outputs replacement character in screen reader output

[WordPress Trac]

#61028: Thickbox modal outputs replacement character in screen reader output
---------------------------+-----------------------------
 Reporter:  stevejonesdev  |      Owner:  (none)
     Type:  enhancement    |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  General        |    Version:  6.5
 Severity:  normal         |   Keywords:  needs-patch
  Focuses:  accessibility  |
---------------------------+-----------------------------
 In the thickbox modal, the close button dashicon shows as a replacement
 character (�) in the screen reader output.

 Current screen reader output:

 {{{
 Close �, button, group
 }}}

 [https://www.dropbox.com/s/1xlv1dvvehr9s5p/Screenshot%202024-04-17%20at%204.48.50%20PM.png?dl=0
 / Screenshot]

 Expected screen reader output:

 {{{
 Close, button
 }}}

 [https://www.dropbox.com/s/wyptnkouuqngllj/Screenshot%202024-04-17%20at%204.49.00%20PM.png?dl=0
 / Screenshot]

 This can be fixed by addind aria-hidden="true" to the icon span.


 {{{
 <button type="button" id="TB_closeWindowButton">
      <span class="screen-reader-text">Close</span>
      <span class="tb-close-icon" aria-hidden="true"></span>
 </button>
 }}}

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