Changeset 28607 for trunk/src/wp-includes/media-template.php

Timestamp:

05/29/2014 03:38:31 AM (12 years ago)

Author:

helen

Message:

At long last, improved keyboard accessibility for the media modal.

props lessbloat, grahamarmfield, sharonaustin, bramd.
see #23560.

File:

• trunk/src/wp-includes/media-template.php (modified) (3 diffs)

trunk/src/wp-includes/media-template.php

@@ -120 +120 @@
                 $class .= ' ie7';
         ?>
+        <!--[if lte IE 8]>
+        <style>
+                .attachment:focus {
+                        outline: #1e8cbe solid;
+                }
+                .selected.attachment {
+                        outline: #1e8cbe solid;
+                }
+        </style>
+        <![endif]-->
         <script type="text/html" id="tmpl-media-frame">
                 <div class="media-frame-menu"></div>
@@ -239 +249 @@
                                 <div class="thumbnail">
                                         <div class="centered">
-                                                <img src="{{ data.size.url }}" draggable="false" />
+                                                <img src="{{ data.size.url }}" draggable="false" alt="" />
                                         </div>
                                 </div>
@@ -254 +264 @@
 
                         <# if ( data.buttons.check ) { #>
-                                <a class="check" href="#" title="<?php esc_attr_e('Deselect'); ?>"><div class="media-modal-icon"></div></a>
+                                <a class="check" href="#" title="<?php esc_attr_e('Deselect'); ?>" tabindex="-1"><div class="media-modal-icon"></div></a>
                         <# } #>
                 </div>