WordPress.org

Make WordPress Core

Changeset 36014


Ignore:
Timestamp:
12/18/2015 11:50:13 PM (5 years ago)
Author:
afercia
Message:

Accessibility: Improvements for the Authentication Check modal dialog "Close X".

Removes the title attribute and uses a <button> element instead of a <div>.
Also simplifies the CSS and takes care of the hover/focus style.

Fixes #35142.

Location:
trunk/src/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/wp-auth-check.css

    r35925 r36014  
    8888#wp-auth-check-wrap .wp-auth-check-close {
    8989    position: absolute;
    90     top: 8px;
    91     right: 8px;
     90    top: 5px;
     91    right: 5px;
    9292    height: 22px;
    9393    width: 22px;
    94     cursor: pointer;
     94    color: #72777c;
    9595}
    9696
    9797#wp-auth-check-wrap .wp-auth-check-close:before {
    9898    content: "\f158";
    99     display: block !important;
    100     font: normal 20px/1 dashicons;
     99    font: normal 20px/22px dashicons;
    101100    speak: none;
    102     height: 22px;
    103     margin: 2px 0;
    104     text-align: center;
    105     width: 22px;
    106     color: #777;
    107101    -webkit-font-smoothing: antialiased !important;
    108102    -moz-osx-font-smoothing: grayscale;
    109103}
    110104
    111 #wp-auth-check-wrap .wp-auth-check-close:hover:before {
     105#wp-auth-check-wrap .wp-auth-check-close:hover,
     106#wp-auth-check-wrap .wp-auth-check-close:focus {
    112107    color: #0073aa;
    113 }
    114 
    115 #wp-auth-check-wrap .wp-auth-check-close:focus {
    116     outline: 1px dotted #82878c;
    117108}
    118109
  • trunk/src/wp-includes/functions.php

    r35925 r36014  
    49354935    <div id="wp-auth-check-bg"></div>
    49364936    <div id="wp-auth-check">
    4937     <div class="wp-auth-check-close" tabindex="0" title="<?php esc_attr_e('Close'); ?>"></div>
     4937    <button type="button" class="wp-auth-check-close button-link"><span class="screen-reader-text"><?php _e( 'Close dialog' ); ?></span></button>
    49384938    <?php
    49394939
Note: See TracChangeset for help on using the changeset viewer.