Ticket #32227: 32227.2.diff

wp-admin/css/customize-controls.css

@@ -764 +764 @@
 /* Header control: overlay "close" button */
 
 .customize-control-header .uploaded .header-view .close {
-        font-size: 2em;
-        color: grey;
+        font-size: 20px;
+        color: #fff;
+        background: #555;
+        background: rgba(0, 0, 0, 0.5);
         position: absolute;
-        visibility: hidden;
         top: 10px;
-        right: 10px;
+        right: -999px;
         z-index: 1;
-        width: 20px;
-        height: 20px;
+        width: 26px;
+        height: 26px;
         cursor: pointer;
+        padding: 2px;
 }
 
-.customize-control-header .uploaded .header-view .close:hover {
- color: black;
- text-shadow:
-    -1px -1px 0 #fff,
-    1px -1px 0 #fff,
-    -1px 1px 0 #fff,
-    1px 1px 0 #fff;
-}
-
-.customize-control-header .header-view:hover .close {
-        visibility: visible;
+.customize-control-header .header-view:hover .close,
+.customize-control-header .header-view .close:focus {
+        right: 10px;
 }
 
 /* Header control: randomiz(s)er */

wp-includes/class-wp-customize-control.php

@@ -1074 +1074 @@
                         <# } else { #>
 
                         <# if (data.type === 'uploaded') { #>
-                                <div class="dashicons dashicons-no close"></div>
+                                <button type="button" class="dashicons dashicons-no close"><span class="screen-reader-text"><?php _e( 'Remove image' ); ?></span></button>
                         <# } #>
 
                         <button type="button" class="choice thumbnail"