Changeset 61636 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss

Timestamp:

02/13/2026 05:11:15 PM (6 months ago)

Author:

joedolson

Message:

A11y: Update .screen-reader-text class with word-break.

word-break: normal !important; was added to Twenty Twenty in [46701], but the change missed getting propagated to all uses of the screen-reader-text class at that time.

Add word-break reset to .screen-reader-text to ensure screen readers won't read text as individual letters in hidden text.

Props peterwilsoncc, manhphucofficial, palak678, sabernhardt, mukesh27, joedolson.
Fixes #64375.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss

@@ -8 +8 @@
         position: absolute !important;
         width: 1px;
+        /* Many screen reader and browser combinations announce broken words as they would appear visually. */
         word-wrap: normal !important;
-        word-break: normal;
+        word-break: normal !important;
 }