[wp-trac] [WordPress Trac] #64375: Set `word-break` property in screen reader only css.

[WordPress Trac]

#64375: Set `word-break` property in screen reader only css.
--------------------------------+--------------------
 Reporter:  peterwilsoncc       |      Owner:  (none)
     Type:  defect (bug)        |     Status:  new
 Priority:  normal              |  Milestone:  7.0
Component:  General             |    Version:
 Severity:  normal              |   Keywords:
  Focuses:  accessibility, css  |
--------------------------------+--------------------
 While using the `screen-reader-only` class from WordPress recently, I
 noticed that the `word-break` property set to a value other than `normal`
 can cause VoiceOver to read text strangely.

 In the example I experienced the phrase "read text" was read as "R E A D
 space T E X T" due to an inherited `word-break: break-word`.

 In WordPress Core, I think we should add `word-break: normal !important`
 to CSS hiding elements from all but screen reading devices.

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