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

Timestamp:

09/23/2019 12:18:53 PM (6 years ago)

Author:

afercia

Message:

Accessibility: Media: Make screen readers announce the Media search results.

• adds audible messages via wp.a11y.speak() to announce the search results
• removes a keyup event that was there only to support old browsers
• removes aria-modal="true" from the media modal dialog as it prevents the ARIA live regions to be perceived by screen readers
• triggers the search only after 2 ASCII characters have been typed

Props anevins, antpb, aduth, loreleiaurora, afercia.
Fixes #47146.

File:

• trunk/src/wp-includes/media-template.php (modified) (1 diff)

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

@@ -188 +188 @@
     <?php // Template for the media modal. ?>
     <script type="text/html" id="tmpl-media-modal">
-        <div tabindex="0" class="<?php echo $class; ?>" role="dialog" aria-modal="true" aria-labelledby="media-frame-title">
+        <div tabindex="0" class="<?php echo $class; ?>" role="dialog" aria-labelledby="media-frame-title">
             <# if ( data.hasCloseButton ) { #>
                 <button type="button" class="media-modal-close"><span class="media-modal-icon"><span class="screen-reader-text"><?php _e( 'Close dialog' ); ?></span></span></button>