From 9e3fffdf092a61f28f70cb415d4452800762c502 Mon Sep 17 00:00:00 2001
From: Lance Willett <lancewillett@git.wordpress.org>
Date: Sat, 14 Feb 2015 17:28:19 +0000
Subject: [PATCH] Bundled themes: update CSS rules for `.screen-reader-text` to
 be consistent with current accessibility guidelines. Fixes #31279.

git-svn-id: https://develop.svn.wordpress.org/trunk@31464 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-content/themes/twentyeleven/style.css    | 3 +++
 src/wp-content/themes/twentyfourteen/style.css  | 5 ++++-
 src/wp-content/themes/twentyten/rtl.css         | 7 -------
 src/wp-content/themes/twentyten/style.css       | 7 +++++--
 src/wp-content/themes/twentythirteen/css/ie.css | 2 +-
 src/wp-content/themes/twentythirteen/style.css  | 3 +++
 src/wp-content/themes/twentytwelve/css/ie.css   | 2 +-
 src/wp-content/themes/twentytwelve/style.css    | 3 +++
 8 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/wp-content/themes/twentyeleven/style.css b/src/wp-content/themes/twentyeleven/style.css
index a07b19587a..d5029f346f 100644
--- a/src/wp-content/themes/twentyeleven/style.css
+++ b/src/wp-content/themes/twentyeleven/style.css
@@ -498,6 +498,9 @@ a:hover {
 	position: absolute !important;
 	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,
 .screen-reader-text:hover,
diff --git a/src/wp-content/themes/twentyfourteen/style.css b/src/wp-content/themes/twentyfourteen/style.css
index 1f2116c169..026843720c 100644
--- a/src/wp-content/themes/twentyfourteen/style.css
+++ b/src/wp-content/themes/twentyfourteen/style.css
@@ -716,7 +716,10 @@ div.wp-caption.alignright .wp-caption-text {
 
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
-	position: absolute;
+	overflow: hidden;
+	position: absolute !important;
+	height: 1px;
+	width: 1px;
 }
 
 .screen-reader-text:focus {
diff --git a/src/wp-content/themes/twentyten/rtl.css b/src/wp-content/themes/twentyten/rtl.css
index 93a7605017..f6fd51e846 100644
--- a/src/wp-content/themes/twentyten/rtl.css
+++ b/src/wp-content/themes/twentyten/rtl.css
@@ -101,13 +101,6 @@ blockquote {
 	font-style: normal;
 }
 
-/* Text meant only for screen readers */
-.screen-reader-text {
-	left: auto;
-	text-indent:-9000px;
-	overflow:hidden;
-}
-
 
 /* =Header
 -------------------------------------------------------------- */
diff --git a/src/wp-content/themes/twentyten/style.css b/src/wp-content/themes/twentyten/style.css
index 56c3a1b569..8e658062eb 100644
--- a/src/wp-content/themes/twentyten/style.css
+++ b/src/wp-content/themes/twentyten/style.css
@@ -337,8 +337,11 @@ a:hover {
 
 /* 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;
 }
 
 
diff --git a/src/wp-content/themes/twentythirteen/css/ie.css b/src/wp-content/themes/twentythirteen/css/ie.css
index 5724b94edc..da48acd3ca 100644
--- a/src/wp-content/themes/twentythirteen/css/ie.css
+++ b/src/wp-content/themes/twentythirteen/css/ie.css
@@ -195,7 +195,7 @@ img.alignleft {
 }
 
 .ie7 .screen-reader-text {
-	clip: rect(1px 1px 1px 1px); /* IE7 */
+	clip: rect(1px 1px 1px 1px);
 }
 
 .ie7 .site-header {
diff --git a/src/wp-content/themes/twentythirteen/style.css b/src/wp-content/themes/twentythirteen/style.css
index c229164c8b..851bd28adc 100644
--- a/src/wp-content/themes/twentythirteen/style.css
+++ b/src/wp-content/themes/twentythirteen/style.css
@@ -539,7 +539,10 @@ hr {
 /* Assistive text */
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
+	overflow: hidden;
 	position: absolute !important;
+	height: 1px;
+	width: 1px;
 }
 
 .screen-reader-text:focus {
diff --git a/src/wp-content/themes/twentytwelve/css/ie.css b/src/wp-content/themes/twentytwelve/css/ie.css
index 6bf38d1e93..706f5103ed 100644
--- a/src/wp-content/themes/twentytwelve/css/ie.css
+++ b/src/wp-content/themes/twentytwelve/css/ie.css
@@ -17,7 +17,7 @@ body.custom-background-white .site {
 }
 .assistive-text,
 .site .screen-reader-text {
-	clip: rect(1px 1px 1px 1px); /* IE7 */
+	clip: rect(1px 1px 1px 1px);
 }
 .full-width .site-content {
 	float: none;
diff --git a/src/wp-content/themes/twentytwelve/style.css b/src/wp-content/themes/twentytwelve/style.css
index a4a09daec7..5d59555b42 100644
--- a/src/wp-content/themes/twentytwelve/style.css
+++ b/src/wp-content/themes/twentytwelve/style.css
@@ -506,6 +506,9 @@ a:hover {
 .site .screen-reader-text {
 	position: absolute !important;
 	clip: rect(1px, 1px, 1px, 1px);
+	overflow: hidden;
+	height: 1px;
+	width: 1px;
 }
 .main-navigation .assistive-text:focus,
 .site .screen-reader-text:hover,