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

Props joedolson.

Fixes #36554.
Built from https://develop.svn.wordpress.org/trunk@37231


git-svn-id: http://core.svn.wordpress.org/trunk@37197 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2016-04-17 16:58:26 +00:00
parent e38ab38b1f
commit 26148850c5
6 changed files with 34 additions and 6 deletions

View File

@ -302,18 +302,32 @@
#find-posts-close { #find-posts-close {
width: 36px; width: 36px;
height: 36px; height: 36px;
border: none;
padding: 0;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
background: none;
color: #666; color: #666;
} }
#find-posts-close:hover { #find-posts-close:hover,
#find-posts-close:focus {
color: #00a0d2; color: #00a0d2;
} }
#find-posts-close:focus {
outline: none;
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
#find-posts-close:before { #find-posts-close:before {
font: normal 20px/36px dashicons; font: normal 20px/36px dashicons;
vertical-align: top; vertical-align: top;

File diff suppressed because one or more lines are too long

View File

@ -302,18 +302,32 @@
#find-posts-close { #find-posts-close {
width: 36px; width: 36px;
height: 36px; height: 36px;
border: none;
padding: 0;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
background: none;
color: #666; color: #666;
} }
#find-posts-close:hover { #find-posts-close:hover,
#find-posts-close:focus {
color: #00a0d2; color: #00a0d2;
} }
#find-posts-close:focus {
outline: none;
-webkit-box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, .8);
}
#find-posts-close:before { #find-posts-close:before {
font: normal 20px/36px dashicons; font: normal 20px/36px dashicons;
vertical-align: top; vertical-align: top;

File diff suppressed because one or more lines are too long

View File

@ -1486,7 +1486,7 @@ function find_posts_div($found_action = '') {
<div id="find-posts" class="find-box" style="display: none;"> <div id="find-posts" class="find-box" style="display: none;">
<div id="find-posts-head" class="find-box-head"> <div id="find-posts-head" class="find-box-head">
<?php _e( 'Attach to existing content' ); ?> <?php _e( 'Attach to existing content' ); ?>
<div id="find-posts-close"></div> <button type="button" id="find-posts-close"><span class="screen-reader-text"><?php _e( 'Close media attachment panel' ); ?></button>
</div> </div>
<div class="find-box-inside"> <div class="find-box-inside">
<div class="find-box-search"> <div class="find-box-search">

View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.6-alpha-37230'; $wp_version = '4.6-alpha-37231';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.