Changeset 21452

Timestamp:

08/06/2012 12:34:44 AM (12 years ago)

Author:

azaozz

Message:

Accessibility: add off-screen Log Out link in the toolbar, tweak the class names of the accessible links in #adminbar, see #21312

Location:

trunk/wp-includes

Files:

• class-wp-admin-bar.php (modified) (2 diffs)
• css/admin-bar.dev.css (modified) (3 diffs)

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

@@ -349 +349 @@
         ?>
         <div id="wpadminbar" class="<?php echo $class; ?>" role="navigation">
-            <a id="wpadminbar-shortcut" href="#wp-toolbar" tabindex="1"><?php _e('Skip to toolbar'); ?></a>
+            <a class="screen-reader-text 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.'); ?>">
                 <?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>
         </div>
 

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

@@ -602 +602 @@
 
 /* Skip link */
-#wpadminbar #wpadminbar-shortcut,
 #wpadminbar .screen-reader-text,
 #wpadminbar .screen-reader-text span {
@@ -613 +612 @@
 }
 
-#wpadminbar #wpadminbar-shortcut:focus {
+#wpadminbar .screen-reader-shortcut:focus {
     left: 5px;
     top: 5px;
@@ -629 +628 @@
 }
 
+#wpadminbar a.screen-reader-shortcut {
+    text-decoration: underline;
+}
+
 /**
  * IE 6-targeted rules