Set `word-break` property in screen reader only css.

[peterwilsoncc]

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.

Adds word-break: normal !important to various screen reader only CSS.

This prevents screen readers from announcing the text as it would appear visually, eg "A P P E A R space V I S U A L L Y".

Trac ticket: https://core.trac.wordpress.org/ticket/64375

[peterwilsoncc]

I've noticed some inconsistencies how these are styled across various locations, I presume because best practice has changed over the years. It would be good to make them consistent using the currently recommended method.

@joedolson Do you have a suggestion for the most accessible CSS to use?

[manhphucofficial]

I’m supportive of this fix.
Adding word-break: normal !important to screen-reader-only text is a sensible safeguard, as inherited break-word can cause the letter-by-letter announcements described above. The change looks low-risk, improves consistency, and doesn’t alter visual output.

A follow-up to standardize the various visually-hidden patterns across Core would also be helpful. Happy to help test any future refinements.

[palak678]

This change makes sense from an accessibility perspective. Adding word-break: normal !important ensures screen-reader-only text is read as complete words instead of being split unnaturally, which improves the overall screen reader experience.

[joedolson]

See prior discussion on #48533. This was an oversight, and should be added into the core class and propagated through all other usages.

[sabernhardt]

The PR will need a refresh after [61469], and Twenty Twenty-One's .map files might require updating too.