From fa895eb2b10eae66a5fca1866d29b343d710f7bf Mon Sep 17 00:00:00 2001
From: Adam Silverstein <adam@10up.com>
Date: Tue, 23 Oct 2018 06:51:16 -0600
Subject: [PATCH] Speak: Add/complete audible feedback for link editing
 (#10795)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Speak ‘link removed’ when a link is removed

* Speak ‘link edited’ when a link is edited
---
 .../src/components/rich-text/format-toolbar/index.js      | 8 ++++++--
 .../components/rich-text/format-toolbar/link-container.js | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/components/rich-text/format-toolbar/index.js b/packages/editor/src/components/rich-text/format-toolbar/index.js
index b0330db57c6a7..a4a4f4f1ed4b6 100644
--- a/packages/editor/src/components/rich-text/format-toolbar/index.js
+++ b/packages/editor/src/components/rich-text/format-toolbar/index.js
@@ -2,7 +2,10 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { Toolbar } from '@wordpress/components';
+import {
+	Toolbar,
+	withSpokenMessages,
+} from '@wordpress/components';
 import { rawShortcut } from '@wordpress/keycodes';
 import { Component } from '@wordpress/element';
 import {
@@ -48,6 +51,7 @@ class FormatToolbar extends Component {
 
 	removeLink() {
 		this.removeFormat( 'a' );
+		this.props.speak( __( 'Link removed.' ), 'assertive' );
 	}
 
 	addLink() {
@@ -155,4 +159,4 @@ class FormatToolbar extends Component {
 	}
 }
 
-export default FormatToolbar;
+export default withSpokenMessages( FormatToolbar );
diff --git a/packages/editor/src/components/rich-text/format-toolbar/link-container.js b/packages/editor/src/components/rich-text/format-toolbar/link-container.js
index a070ae6e77bb2..fa7eabca07d73 100644
--- a/packages/editor/src/components/rich-text/format-toolbar/link-container.js
+++ b/packages/editor/src/components/rich-text/format-toolbar/link-container.js
@@ -167,6 +167,10 @@ class LinkContainer extends Component {
 			this.props.applyFormat( format );
 		}
 
+		if ( this.state.editLink ) {
+			this.props.speak( __( 'Link edited.' ), 'assertive' );
+		}
+
 		this.resetState();
 
 		if ( ! link ) {