Accessibility: Make Safari 10 + VoiceOver announce repeated, identica…

…l, `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. Built from https://develop.svn.wordpress.org/trunk@40479 git-svn-id: http://core.svn.wordpress.org/trunk@40355 1a063a9b-81f0-0310-95a4-ce76da25c4cd
nocra · Apr 19, 2017 · 711796d · 711796d
1 parent 7977451
commit 711796d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/wp-includes/js/wp-a11y.js b/wp-includes/js/wp-a11y.js
@@ -4,7 +4,8 @@ window.wp = window.wp || {};
 	'use strict';
 
 	var $containerPolite,
-		$containerAssertive;
+		$containerAssertive,
+		previousMessage = '';
 
 	/**
 	 * Update the ARIA live notification area text node.
@@ -23,6 +24,17 @@ window.wp = window.wp || {};
 		// 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 ) {
 			$containerAssertive.text( message );
 		} else if ( $containerPolite ) {

diff --git a/wp-includes/js/wp-a11y.min.js b/wp-includes/js/wp-a11y.min.js
diff --git a/wp-includes/version.php b/wp-includes/version.php
@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.8-alpha-40478';
+$wp_version = '4.8-alpha-40479';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.