WordPress.org

Make WordPress Core

Changeset 37231


Ignore:
Timestamp:
04/17/2016 04:57:54 PM (4 years ago)
Author:
afercia
Message:

Accessibility: change the close "X" in the Media "Attach to existing content" modal in a button.

Props joedolson.

Fixes #36554.

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

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/media.css

    r36904 r37231  
    303303    width: 36px;
    304304    height: 36px;
     305    border: none;
     306    padding: 0;
    305307    position: absolute;
    306308    top: 0;
     
    308310    cursor: pointer;
    309311    text-align: center;
     312    background: none;
    310313    color: #666;
    311314}
    312315
    313 #find-posts-close:hover {
     316#find-posts-close:hover,
     317#find-posts-close:focus {
    314318    color: #00a0d2;
     319}
     320
     321#find-posts-close:focus {
     322    outline: none;
     323    -webkit-box-shadow:
     324        0 0 0 1px #5b9dd9,
     325        0 0 2px 1px rgba(30, 140, 190, .8);
     326    box-shadow:
     327        0 0 0 1px #5b9dd9,
     328        0 0 2px 1px rgba(30, 140, 190, .8);
    315329}
    316330
  • trunk/src/wp-admin/includes/template.php

    r37143 r37231  
    14871487        <div id="find-posts-head" class="find-box-head">
    14881488            <?php _e( 'Attach to existing content' ); ?>
    1489             <div id="find-posts-close"></div>
     1489            <button type="button" id="find-posts-close"><span class="screen-reader-text"><?php _e( 'Close media attachment panel' ); ?></button>
    14901490        </div>
    14911491        <div class="find-box-inside">
Note: See TracChangeset for help on using the changeset viewer.