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

git-svn-id: http://core.svn.wordpress.org/trunk@21452 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz 2012-08-06 00:34:44 +00:00
parent edbe047def
commit 4ef4df2f3e
2 changed files with 7 additions and 3 deletions

View File

@ -348,12 +348,13 @@ class WP_Admin_Bar {
?>
<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 ) {
$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>
</div>
<?php

View File

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