Accessibility: fix the Skip to content link, show it on :focus, improve the styling of the skip links when shown, see #21310, see #21471

git-svn-id: http://core.svn.wordpress.org/trunk@21435 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-05 21:37:57 +00:00
parent 09c319a557
commit c368f0e6a1
4 changed files with 21 additions and 10 deletions
--- a/wp-admin/css/wp-admin.dev.css
+++ b/wp-admin/css/wp-admin.dev.css
@@ -198,6 +198,20 @@ TABLE OF CONTENTS:
 	overflow: hidden;
 }

+.screen-reader-shortcut:focus {
+	left: 5px;
+	top: 5px;
+	height: auto;
+	width: auto;
+	display: block;
+	padding: 10px 15px;
+	background: #fff;
+	color: #000;
+	border: 2px solid #333;
+	border-radius: 3px;
+	z-index: 100000;
+}
+
 .hidden,
 .js .closed .inside,
 .js .hide-if-js,