From b254457b190eaf3cdf41c6c2e034a2b48cedc80c Mon Sep 17 00:00:00 2001
From: Andrew Ozz <azaozz@git.wordpress.org>
Date: Tue, 20 Nov 2012 21:14:49 +0000
Subject: [PATCH] Skip To links: visually hide by only setting top: -1000em;
 (this should make them work well in all screen readers), fixes #21312

git-svn-id: https://develop.svn.wordpress.org/trunk@22730 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/admin-header.php          | 2 +-
 wp-admin/css/wp-admin.css          | 5 +++++
 wp-includes/class-wp-admin-bar.php | 4 ++--
 wp-includes/css/admin-bar.css      | 5 +++++
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/wp-admin/admin-header.php b/wp-admin/admin-header.php
index 183381f7ac..9b1d14b20b 100644
--- a/wp-admin/admin-header.php
+++ b/wp-admin/admin-header.php
@@ -110,7 +110,7 @@ if ( wp_script_is( 'customize-loader', 'queue' ) && current_user_can( 'edit_them
 ?>
 
 <div id="wpwrap">
-<a tabindex="1" href="#wpbody-content" class="screen-reader-text screen-reader-shortcut"><?php _e('Skip to main content'); ?></a>
+<a tabindex="1" href="#wpbody-content" class="screen-reader-shortcut"><?php _e('Skip to main content'); ?></a>
 <?php require(ABSPATH . 'wp-admin/menu-header.php'); ?>
 <div id="wpcontent">
 
diff --git a/wp-admin/css/wp-admin.css b/wp-admin/css/wp-admin.css
index 626a30e974..08389f4000 100644
--- a/wp-admin/css/wp-admin.css
+++ b/wp-admin/css/wp-admin.css
@@ -199,6 +199,11 @@ TABLE OF CONTENTS:
 	overflow: hidden;
 }
 
+.screen-reader-shortcut {
+	position: absolute;
+	top: -1000em;
+}
+
 .screen-reader-shortcut:focus {
 	left: 6px;
 	top: -21px;
diff --git a/wp-includes/class-wp-admin-bar.php b/wp-includes/class-wp-admin-bar.php
index 77479d5dc6..f8ee5e2d93 100644
--- a/wp-includes/class-wp-admin-bar.php
+++ b/wp-includes/class-wp-admin-bar.php
@@ -348,13 +348,13 @@ class WP_Admin_Bar {
 
 		?>
 		<div id="wpadminbar" class="<?php echo $class; ?>" role="navigation">
-			<a class="screen-reader-text screen-reader-shortcut" href="#wp-toolbar" tabindex="1"><?php _e('Skip to toolbar'); ?></a>
+			<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1"><?php _e('Skip to toolbar'); ?></a>
 			<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="<?php esc_attr_e('Top navigation toolbar.'); ?>" tabindex="0">
 				<?php foreach ( $root->children as $group ) {
 					$this->_render_group( $group );
 				} ?>
 			</div>
-			<a class="screen-reader-text screen-reader-shortcut" href="<?php echo esc_url( wp_logout_url() ); ?>"><?php _e('Log Out'); ?></a>
+			<a class="screen-reader-shortcut" href="<?php echo esc_url( wp_logout_url() ); ?>"><?php _e('Log Out'); ?></a>
 		</div>
 
 		<?php
diff --git a/wp-includes/css/admin-bar.css b/wp-includes/css/admin-bar.css
index 03d6fda857..a504fb3a1a 100644
--- a/wp-includes/css/admin-bar.css
+++ b/wp-includes/css/admin-bar.css
@@ -625,6 +625,11 @@
 	overflow: hidden;
 }
 
+#wpadminbar .screen-reader-shortcut {
+	position: absolute;
+	top: -1000em;
+}
+
 #wpadminbar .screen-reader-shortcut:focus {
 	left: 6px;
 	top: 7px;