sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
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.


git-svn-id: https://develop.svn.wordpress.org/trunk@39207 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
David A. Kennedy 2016-11-13 00:25:49 +00:00
parent 5cab939b1e
commit 09a0941999
1 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/wp-content/themes/twentyseventeen/style.css
View File

@ -306,6 +306,7 @@ template {
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
@ -1507,7 +1508,6 @@ body {
#page {
position: relative;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
@ -2515,7 +2515,6 @@ h2.widget-title {
/* Text widget */
.widget_text {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
@ -2643,7 +2642,6 @@ h2.widget-title {
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
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;
}