WordPress.org

Make WordPress Core

Ticket #21471: 21471.3.diff

File 21471.3.diff, 4.2 KB (added by lessbloat, 19 months ago)
  • wp-includes/js/admin-bar.js

     
    6666                        e.preventDefault(); 
    6767                        $('html, body').animate({ scrollTop: 0 }, 'fast'); 
    6868                }); 
     69                 
     70                $('.screen-reader-shortcut').keydown(function (e) { 
     71                        var thisHref = $(this).attr('href'); 
     72                        if ( 13 == e.which && thisHref.substring(0, 1) == "#" ) { 
     73                                setTimeout(function () { 
     74                                        $(thisHref).focus(); 
     75                                }, 100); 
     76                        } 
     77                }); 
    6978 
    7079        }); 
    7180} else { 
  • wp-includes/css/admin-bar.css

     
    608608} 
    609609 
    610610#wpadminbar .screen-reader-shortcut:focus { 
    611         left: 5px; 
    612         top: 5px; 
     611        left: 6px; 
     612        top: 7px; 
    613613        height: auto; 
    614614        width: auto; 
    615615        display: block; 
    616         padding: 10px 15px; 
    617         background: #fff; 
    618         color: #000; 
    619         border: 2px solid #333; 
     616        font-size: 14px; 
     617        font-weight: bold; 
     618        padding: 15px 23px 14px; 
     619        background: #f3f3f3; 
     620        background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc1ea), to(#72a7cf)); 
     621        background-image: -webkit-linear-gradient(top, #8cc1ea, #72a7cf); 
     622        background-image:    -moz-linear-gradient(top, #8cc1ea, #72a7cf); 
     623        background-image:      -o-linear-gradient(top, #8cc1ea, #72a7cf); 
     624        background-image:   linear-gradient(to bottom, #8cc1ea, #72a7cf); 
     625        color: #fff; 
    620626        border-radius: 3px; 
    621627        z-index: 100000; 
    622         text-shadow: none; 
     628        text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3); 
    623629        line-height: normal; 
     630        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); 
     631        box-shadow: 0 0 2px 2px rgba(0,0,0,.6); 
     632        text-decoration: none; 
    624633} 
    625634 
    626635#wpadminbar a.screen-reader-shortcut { 
  • wp-includes/class-wp-admin-bar.php

     
    349349                ?> 
    350350                <div id="wpadminbar" class="<?php echo $class; ?>" role="navigation"> 
    351351                        <a class="screen-reader-text screen-reader-shortcut" href="#wp-toolbar" tabindex="1"><?php _e('Skip to toolbar'); ?></a> 
    352                         <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="<?php esc_attr_e('Top navigation toolbar.'); ?>"> 
     352                        <div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="<?php esc_attr_e('Top navigation toolbar.'); ?>" tabindex="0"> 
    353353                                <?php foreach ( $root->children as $group ) { 
    354354                                        $this->_render_group( $group ); 
    355355                                } ?> 
  • wp-admin/admin-header.php

     
    126126 
    127127?> 
    128128 
    129 <div id="wpbody-content" aria-label="<?php esc_attr_e('Main content'); ?>"> 
     129<div id="wpbody-content" aria-label="<?php esc_attr_e('Main content'); ?>" tabindex="0"> 
    130130<?php 
    131131 
    132132$current_screen->render_screen_meta(); 
  • wp-admin/css/wp-admin.css

     
    192192.screen-reader-text span { 
    193193        position: absolute; 
    194194        left: -1000em; 
     195        top: -1000em; 
    195196        height: 1px; 
    196197        width: 1px; 
    197198        overflow: hidden; 
    198199} 
    199200 
    200201.screen-reader-shortcut:focus { 
    201         left: 5px; 
    202         top: 5px; 
     202        left: 6px; 
     203        top: -21px; 
    203204        height: auto; 
    204205        width: auto; 
    205206        display: block; 
    206         padding: 10px 15px; 
    207         background: #fff; 
    208         color: #000; 
    209         border: 2px solid #333; 
     207        font-size: 14px; 
     208        font-weight: bold; 
     209        padding: 15px 23px 14px; 
     210        background: #f3f3f3; 
     211        background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc1ea), to(#72a7cf)); 
     212        background-image: -webkit-linear-gradient(top, #8cc1ea, #72a7cf); 
     213        background-image:    -moz-linear-gradient(top, #8cc1ea, #72a7cf); 
     214        background-image:      -o-linear-gradient(top, #8cc1ea, #72a7cf); 
     215        background-image:   linear-gradient(to bottom, #8cc1ea, #72a7cf); 
     216        color: #fff; 
    210217        border-radius: 3px; 
    211218        z-index: 100000; 
     219        text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3); 
     220        line-height: normal; 
     221        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); 
     222        box-shadow: 0 0 2px 2px rgba(0,0,0,.6); 
     223        text-decoration: none; 
    212224} 
    213225 
    214226.hidden,