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

Timestamp:

10/03/2019 12:09:31 PM (6 years ago)

Author:

afercia

Message:

Accessibility: Media: Add more headings in the Media Modal.

Headings are the predominant mechanism for screen reader users to find information in a page. They also help all users to better identify the main sections of user interfaces.

• adds three new headings within the media modal
• improves plural form translation for "item selected" by using wp.i18n
• horizontally centers the media modal menu in the responsive view

Props kjellr, karmatosed, melchoyce, afercia.
See #47149.
Fixes #47610.

File:

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

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

@@ -179 +179 @@
     <script type="text/html" id="tmpl-media-frame">
         <div class="media-frame-title" id="media-frame-title"></div>
+        <h2 class="media-frame-menu-heading"><?php _e( 'Media Types' ); ?></h2>
         <button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
             <?php _e( 'Media Types' ); ?>
@@ -188 +189 @@
             <div class="media-frame-content"></div>
         </div>
+        <h2 class="media-frame-actions-heading screen-reader-text"><?php _e( 'Available actions' ); ?></h2>
         <div class="media-frame-toolbar"></div>
         <div class="media-frame-uploader"></div>