Changeset 31594

Timestamp:

03/01/2015 07:10:58 PM (10 years ago)

Author:

azaozz

Message:

Add wp.a11y.speak() for audible alerts/updates in screen readers. Props afercia, GrahamArmfield (for the idea), iseulde. Fixes #31368.

Location:

trunk/src

Files:

• wp-admin/customize.php (modified) (1 diff)
• wp-admin/js/customize-widgets.js (modified) (1 diff)
• wp-admin/js/updates.js (modified) (5 diffs)
• wp-includes/js/wp-a11y.js (added)
• wp-includes/script-loader.php (modified) (4 diffs)

trunk/src/wp-admin/customize.php

@@ -119 +119 @@
 <div class="wp-full-overlay expanded">
     <form id="customize-controls" class="wrap wp-full-overlay-sidebar">
-        <div id="screen-reader-messages" role="status" aria-live="polite" aria-relevant="all" aria-atomic="true" class="screen-reader-text"></div>
-
         <div id="customize-header-actions" class="wp-full-overlay-header">
             <?php

trunk/src/wp-admin/js/customize-widgets.js

@@ -686 +686 @@
                     if ( isMoveUp ) {
                         self.moveUp();
-                        $( '#screen-reader-messages' ).text( l10n.widgetMovedUp );
+                        wp.a11y.speak( l10n.widgetMovedUp );
                     } else {
                         self.moveDown();
-                        $( '#screen-reader-messages' ).text( l10n.widgetMovedDown );
+                        wp.a11y.speak( l10n.widgetMovedDown );
                     }
 

trunk/src/wp-admin/js/updates.js

@@ -108 +108 @@
         $message.addClass( 'updating-message' );
         $message.text( wp.updates.l10n.updating );
+        wp.a11y.speak( wp.updates.l10n.updatingMsg );
 
         if ( wp.updates.updateLock ) {
@@ -154 +155 @@
         $message.removeClass( 'updating-message' ).addClass( 'updated-message' );
         $message.text( wp.updates.l10n.updated );
+        wp.a11y.speak( wp.updates.l10n.updatedMsg );
 
         wp.updates.decrementCount( 'plugin' );
@@ -174 +176 @@
         $message.removeClass( 'updating-message' );
         $message.text( wp.updates.l10n.updateFailed );
+        wp.a11y.speak( wp.updates.l10n.updateFailed );
     };
 
@@ -199 +202 @@
         $message.addClass( 'updating-message' );
         $message.text( wp.updates.l10n.installing );
+        wp.a11y.speak( wp.updates.l10n.installingMsg );
 
         if ( wp.updates.updateLock ) {
@@ -235 +239 @@
         $message.removeClass( 'updating-message' ).addClass( 'updated-message button-disabled' );
         $message.text( wp.updates.l10n.installed );
+        wp.a11y.speak( wp.updates.l10n.installedMsg );
     };
 

trunk/src/wp-includes/script-loader.php

@@ -82 +82 @@
         'warnDelete' => __("You are about to permanently delete the selected items.\n  'Cancel' to stop, 'OK' to delete.")
     ) );
+
+    $scripts->add( 'wp-a11y', "/wp-includes/js/wp-a11y$suffix.js", array( 'jquery' ), false, 1 );
 
     $scripts->add( 'sack', "/wp-includes/js/tw-sack$suffix.js", array(), '1.6.1', 1 );
@@ -381 +383 @@
     $scripts->add( 'hoverIntent', "/wp-includes/js/hoverIntent$suffix.js", array('jquery'), 'r7', 1 );
 
-    $scripts->add( 'customize-base',     "/wp-includes/js/customize-base$suffix.js",     array( 'jquery', 'json2', 'underscore' ), false, 1 );
+    $scripts->add( 'customize-base',     "/wp-includes/js/customize-base$suffix.js",     array( 'jquery', 'json2', 'underscore', 'wp-a11y' ), false, 1 );
     $scripts->add( 'customize-loader',   "/wp-includes/js/customize-loader$suffix.js",   array( 'customize-base' ), false, 1 );
     $scripts->add( 'customize-preview',  "/wp-includes/js/customize-preview$suffix.js",  array( 'customize-base' ), false, 1 );
@@ -533 +535 @@
         ) );
 
-        $scripts->add( 'updates', "/wp-admin/js/updates$suffix.js", array( 'jquery', 'wp-util' ) );
+        $scripts->add( 'updates', "/wp-admin/js/updates$suffix.js", array( 'jquery', 'wp-util', 'wp-a11y' ) );
         did_action( 'init' ) && $scripts->localize( 'updates', '_wpUpdatesSettings', array(
             'ajax_nonce' => wp_create_nonce( 'updates' ),
@@ -544 +546 @@
                 'installed'     => __( 'Installed!' ),
                 'installFailed' => __( 'Installation failed' ),
+                'updatingMsg'   => __( 'Updating... please wait.' ),
+                'installingMsg' => __( 'Installing... please wait.' ),
+                'updatedMsg'    => __( 'Update completed successfully.' ),
+                'installedMsg'  => __( 'Installation completed successfully.' ),
             )
         ) );