Changeset 39207

Timestamp:

11/13/2016 12:25:49 AM (9 years ago)

Author:

davidakennedy

Message:

Twenty Seventeen: Update screen-reader-text to reset word-wrap

This resets the property to normal where needed and, to be safe, uses !important. It avoids screen readers reading out words ignoring spaces between words in some cases.

Props afercia.

Fixes #38764.

File:

• trunk/src/wp-content/themes/twentyseventeen/style.css (modified) (4 diffs)

trunk/src/wp-content/themes/twentyseventeen/style.css

@@ -307 +307 @@
     position: absolute !important;
     width: 1px;
+    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 }
 
@@ -1508 +1509 @@
 #page {
     position: relative;
-    -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
@@ -2516 +2516 @@
 
 .widget_text {
-    -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
@@ -2644 +2643 @@
     transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
     width: auto;
-    -ms-word-wrap: break-word;
     word-wrap: break-word;
     z-index: 0;