WordPress.org

Make WordPress Core

Ticket #21471: 21471.3.diff

File 21471.3.diff, 4.2 KB (added by lessbloat, 9 years 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,