Changeset 40479

Timestamp:

04/19/2017 07:53:00 PM (7 years ago)

Author:

afercia

Message:

Accessibility: Make Safari 10 + VoiceOver announce repeated, identical, wp.a11y.speak() messages.

Safari 10 + VoiceOver don't announce repeated, identical, strings sent to an
aria-live region. Appending a no-break space to a repeated message string,
forces them to think the strings are different.

Fixes #36853.

File:

• trunk/src/wp-includes/js/wp-a11y.js (modified) (2 diffs)

trunk/src/wp-includes/js/wp-a11y.js

@@ -5 +5 @@
 
     var $containerPolite,
-        $containerAssertive;
+        $containerAssertive,
+        previousMessage = '';
 
     /**
@@ -23 +24 @@
         // Ensure only text is sent to screen readers.
         message = $( '<p>' ).html( message ).text();
+
+        /*
+         * Safari 10+VoiceOver don't announce repeated, identical strings. We use
+         * a `no-break space` to force them to think identical strings are different.
+         * See ticket #36853.
+         */
+        if ( previousMessage === message ) {
+            message = message + '\u00A0';
+        }
+
+        previousMessage = message;
 
         if ( $containerAssertive && 'assertive' === ariaLive ) {