Add "Skip to toolbar" accessibility shortcut, see #21471
git-svn-id: http://core.svn.wordpress.org/trunk@21423 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
de3514a705
commit
6bf5d66d5b
|
@ -638,7 +638,7 @@ function wp_admin_bar_search_menu( $wp_admin_bar ) {
|
||||||
return;
|
return;
|
||||||
|
|
||||||
$form = '<form action="' . esc_url( home_url( '/' ) ) . '" method="get" id="adminbarsearch">';
|
$form = '<form action="' . esc_url( home_url( '/' ) ) . '" method="get" id="adminbarsearch">';
|
||||||
$form .= '<input class="adminbar-input" name="s" id="adminbar-search" tabindex="10" type="text" value="" maxlength="150" />';
|
$form .= '<input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" />';
|
||||||
$form .= '<input type="submit" class="adminbar-button" value="' . __('Search') . '"/>';
|
$form .= '<input type="submit" class="adminbar-button" value="' . __('Search') . '"/>';
|
||||||
$form .= '</form>';
|
$form .= '</form>';
|
||||||
|
|
||||||
|
|
|
@ -348,7 +348,8 @@ class WP_Admin_Bar {
|
||||||
|
|
||||||
?>
|
?>
|
||||||
<div id="wpadminbar" class="<?php echo $class; ?>" role="navigation">
|
<div id="wpadminbar" class="<?php echo $class; ?>" role="navigation">
|
||||||
<div class="quicklinks">
|
<a id="wpadminbar-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 ) {
|
<?php foreach ( $root->children as $group ) {
|
||||||
$this->_render_group( $group );
|
$this->_render_group( $group );
|
||||||
} ?>
|
} ?>
|
||||||
|
@ -395,10 +396,10 @@ class WP_Admin_Bar {
|
||||||
$is_parent = ! empty( $node->children );
|
$is_parent = ! empty( $node->children );
|
||||||
$has_link = ! empty( $node->href );
|
$has_link = ! empty( $node->href );
|
||||||
|
|
||||||
$tabindex = isset( $node->meta['tabindex'] ) ? (int) $node->meta['tabindex'] : 10;
|
$tabindex = isset( $node->meta['tabindex'] ) ? (int) $node->meta['tabindex'] : '';
|
||||||
|
$aria_attributes = $tabindex ? 'tabindex="' . $tabindex . '"' : '';
|
||||||
|
|
||||||
$menuclass = '';
|
$menuclass = '';
|
||||||
$aria_attributes = 'tabindex="' . $tabindex . '"';
|
|
||||||
|
|
||||||
if ( $is_parent ) {
|
if ( $is_parent ) {
|
||||||
$menuclass = 'menupop ';
|
$menuclass = 'menupop ';
|
||||||
|
|
|
@ -606,6 +606,32 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Skip link */
|
||||||
|
#wpadminbar #wpadminbar-shortcut {
|
||||||
|
position: absolute;
|
||||||
|
left: -1000em;
|
||||||
|
top: -1000em;
|
||||||
|
height: 1px;
|
||||||
|
width: 1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wpadminbar #wpadminbar-shortcut:focus {
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
display: block;
|
||||||
|
padding: 10px 15px;
|
||||||
|
background: #fff;
|
||||||
|
color: #000;
|
||||||
|
outline: none;
|
||||||
|
z-index: 100000;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* IE 6-targeted rules
|
* IE 6-targeted rules
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Reference in New Issue