Changeset 31464

Timestamp:

02/14/2015 05:28:19 PM (10 years ago)

Author:

lancewillett

Message:

Bundled themes: update CSS rules for .screen-reader-text to be consistent with current accessibility guidelines. Fixes #31279.

Location:

trunk/src/wp-content/themes

Files:

• twentyeleven/style.css (modified) (1 diff)
• twentyfourteen/style.css (modified) (1 diff)
• twentyten/rtl.css (modified) (1 diff)
• twentyten/style.css (modified) (1 diff)
• twentythirteen/css/ie.css (modified) (1 diff)
• twentythirteen/style.css (modified) (1 diff)
• twentytwelve/css/ie.css (modified) (1 diff)
• twentytwelve/style.css (modified) (1 diff)

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

@@ -499 +499 @@
     clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
     clip: rect(1px, 1px, 1px, 1px);
+    overflow: hidden;
+    height: 1px;
+    width: 1px;
 }
 #access a.assistive-text:focus,

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

@@ -717 +717 @@
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
-    position: absolute;
+    overflow: hidden;
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
 }
 

trunk/src/wp-content/themes/twentyten/rtl.css

@@ -102 +102 @@
 }
 
-/* Text meant only for screen readers */
-.screen-reader-text {
-    left: auto;
-    text-indent:-9000px;
-    overflow:hidden;
-}
-
 
 /* =Header

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

@@ -338 +338 @@
 /* Text meant only for screen readers */
 .screen-reader-text {
-    position: absolute;
-    left: -9000px;
+    clip: rect(1px, 1px, 1px, 1px);
+    overflow: hidden;
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
 }
 

trunk/src/wp-content/themes/twentythirteen/css/ie.css

@@ -196 +196 @@
 
 .ie7 .screen-reader-text {
-    clip: rect(1px 1px 1px 1px); /* IE7 */
+    clip: rect(1px 1px 1px 1px);
 }
 

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

@@ -540 +540 @@
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
+    overflow: hidden;
     position: absolute !important;
+    height: 1px;
+    width: 1px;
 }
 

trunk/src/wp-content/themes/twentytwelve/css/ie.css

@@ -18 +18 @@
 .assistive-text,
 .site .screen-reader-text {
-    clip: rect(1px 1px 1px 1px); /* IE7 */
+    clip: rect(1px 1px 1px 1px);
 }
 .full-width .site-content {

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

@@ -507 +507 @@
     position: absolute !important;
     clip: rect(1px, 1px, 1px, 1px);
+    overflow: hidden;
+    height: 1px;
+    width: 1px;
 }
 .main-navigation .assistive-text:focus,