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

Built from https://develop.svn.wordpress.org/trunk@31464


git-svn-id: http://core.svn.wordpress.org/trunk@31445 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2015-02-14 17:29:29 +00:00
parent c384ed989f
commit 52e5bc2eee
9 changed files with 21 additions and 13 deletions

View File

@ -498,6 +498,9 @@ a:hover {
position: absolute !important; position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
} }
#access a.assistive-text:focus, #access a.assistive-text:focus,
.screen-reader-text:hover, .screen-reader-text:hover,

View File

@ -716,7 +716,10 @@ div.wp-caption.alignright .wp-caption-text {
.screen-reader-text { .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute; overflow: hidden;
position: absolute !important;
height: 1px;
width: 1px;
} }
.screen-reader-text:focus { .screen-reader-text:focus {

View File

@ -101,13 +101,6 @@ blockquote {
font-style: normal; font-style: normal;
} }
/* Text meant only for screen readers */
.screen-reader-text {
left: auto;
text-indent:-9000px;
overflow:hidden;
}
/* =Header /* =Header
-------------------------------------------------------------- */ -------------------------------------------------------------- */

View File

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

View File

@ -195,7 +195,7 @@ img.alignleft {
} }
.ie7 .screen-reader-text { .ie7 .screen-reader-text {
clip: rect(1px 1px 1px 1px); /* IE7 */ clip: rect(1px 1px 1px 1px);
} }
.ie7 .site-header { .ie7 .site-header {

View File

@ -539,7 +539,10 @@ hr {
/* Assistive text */ /* Assistive text */
.screen-reader-text { .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute !important; position: absolute !important;
height: 1px;
width: 1px;
} }
.screen-reader-text:focus { .screen-reader-text:focus {

View File

@ -17,7 +17,7 @@ body.custom-background-white .site {
} }
.assistive-text, .assistive-text,
.site .screen-reader-text { .site .screen-reader-text {
clip: rect(1px 1px 1px 1px); /* IE7 */ clip: rect(1px 1px 1px 1px);
} }
.full-width .site-content { .full-width .site-content {
float: none; float: none;

View File

@ -506,6 +506,9 @@ a:hover {
.site .screen-reader-text { .site .screen-reader-text {
position: absolute !important; position: absolute !important;
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
} }
.main-navigation .assistive-text:focus, .main-navigation .assistive-text:focus,
.site .screen-reader-text:hover, .site .screen-reader-text:hover,

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.2-alpha-31463'; $wp_version = '4.2-alpha-31464';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.