Changeset 22730

Timestamp:

11/20/2012 09:14:49 PM (12 years ago)

Author:

azaozz

Message:

Skip To links: visually hide by only setting top: -1000em; (this should make them work well in all screen readers), fixes #21312

Location:

trunk

Files:

• wp-admin/admin-header.php (modified) (1 diff)
• wp-admin/css/wp-admin.css (modified) (1 diff)
• wp-includes/class-wp-admin-bar.php (modified) (2 diffs)
• wp-includes/css/admin-bar.css (modified) (1 diff)

trunk/wp-admin/admin-header.php

@@ -111 +111 @@
 
 <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">

trunk/wp-admin/css/wp-admin.css

@@ -198 +198 @@
     width: 1px;
     overflow: hidden;
+}
+
+.screen-reader-shortcut {
+    position: absolute;
+    top: -1000em;
 }
 

trunk/wp-includes/class-wp-admin-bar.php

@@ -349 +349 @@
         ?>
         <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 ) {
@@ -355 +355 @@
                 } ?>
             </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>
 

trunk/wp-includes/css/admin-bar.css

@@ -624 +624 @@
     width: 1px;
     overflow: hidden;
+}
+
+#wpadminbar .screen-reader-shortcut {
+    position: absolute;
+    top: -1000em;
 }