Ticket #54168: 54168.2.diff

src/wp-admin/includes/media.php

@@ -2246 +2246 @@
                 <div class="drag-drop-inside">
                 <p class="drag-drop-info"><?php _e( 'Drop files to upload' ); ?></p>
                 <p><?php _ex( 'or', 'Uploader: Drop files here - or - Select Files' ); ?></p>
-                <p class="drag-drop-buttons"><input id="plupload-browse-button" type="button" value="<?php esc_attr_e( 'Select Files' ); ?>" class="button" /></p>
+                <p class="drag-drop-buttons"><label for="plupload-browse-button" class="button button-hero"><?php esc_attr_e( 'Select Files' ); ?></label><input id="plupload-browse-button" type="file" class="screen-reader-text" /></p>
                 </div>
         </div>
         <?php

src/wp-includes/css/buttons.css

@@ -133 +133 @@
         color: #0a4b78;
 }
 
+/* Support focus state on label designed as button in media uploader. */
+.drag-drop-inside p.drag-drop-buttons:focus-within label.button,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {