Twenty Eleven and Twelve: fill in support for screen-reader-text class.

Props obenland, fixes #31095.

git-svn-id: https://develop.svn.wordpress.org/trunk@31268 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2015-01-22 00:55:09 +00:00
parent 2487709643
commit 6629feb738
2 changed files with 10 additions and 3 deletions

View File

@ -493,12 +493,16 @@ a:hover {
}
/* Assistive text */
.assistive-text {
.assistive-text,
.screen-reader-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:focus {
#access a.assistive-text:focus,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background: #eee;
border-bottom: 1px solid #ddd;
color: #1982d1;

View File

@ -507,7 +507,10 @@ a:hover {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:focus {
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
background: #fff;
border: 2px solid #333;
border-radius: 3px;