sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@21452 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2012-08-06 00:34:44 +00:00
parent 8250390852
commit d80d9acc28
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
wp-includes/class-wp-admin-bar.php
View File

@ -348,12 +348,13 @@ class WP_Admin_Bar {
?> ?>
<div id="wpadminbar" class="<?php echo $class; ?>" role="navigation"> <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.'); ?>"> <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="<?php esc_attr_e('Top navigation toolbar.'); ?>">
<?php foreach ( $root->children as $group ) { <?php foreach ( $root->children as $group ) {
$this->_render_group( $group ); $this->_render_group( $group );
} ?> } ?>
</div> </div>
<a class="screen-reader-text screen-reader-shortcut" href="<?php echo esc_url( wp_logout_url() ); ?>"><?php _e('Log Out'); ?></a>
</div> </div>
<?php <?php

7
wp-includes/css/admin-bar.dev.css
View File

@ -601,7 +601,6 @@
} }
/* Skip link */ /* Skip link */
#wpadminbar #wpadminbar-shortcut,
#wpadminbar .screen-reader-text, #wpadminbar .screen-reader-text,
#wpadminbar .screen-reader-text span { #wpadminbar .screen-reader-text span {
position: absolute; position: absolute;
@ -612,7 +611,7 @@
overflow: hidden; overflow: hidden;
} }
#wpadminbar #wpadminbar-shortcut:focus { #wpadminbar .screen-reader-shortcut:focus {
left: 5px; left: 5px;
top: 5px; top: 5px;
height: auto; height: auto;
@ -628,6 +627,10 @@
line-height: normal; line-height: normal;
} }
#wpadminbar a.screen-reader-shortcut {
text-decoration: underline;
}
/** /**
* IE 6-targeted rules * IE 6-targeted rules
*/ */