From 94d48e09dcfb547ad1b142d137a51a378d57077f Mon Sep 17 00:00:00 2001
From: Jorge Bernal <jbernal@gmail.com>
Date: Fri, 10 May 2019 13:03:38 +0200
Subject: [PATCH] Improve accessibility on missing block (#15457)

* Improve accessibility on missing block

* Update packages/block-library/src/missing/edit.native.js

Co-Authored-By: koke <jbernal@gmail.com>

* Remove unnecessary dot for accessibility label

Co-Authored-By: koke <jbernal@gmail.com>
---
 .../block-library/src/missing/edit.native.js    | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/block-library/src/missing/edit.native.js b/packages/block-library/src/missing/edit.native.js
index 838c64d88b56c4..970975aa711418 100644
--- a/packages/block-library/src/missing/edit.native.js
+++ b/packages/block-library/src/missing/edit.native.js
@@ -10,7 +10,7 @@ import { Icon } from '@wordpress/components';
 import { coreBlocks } from '@wordpress/block-library';
 import { normalizeIconObject } from '@wordpress/blocks';
 import { Component } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
@@ -25,7 +25,20 @@ export default class UnsupportedBlockEdit extends Component {
 		const icon = blockType ? normalizeIconObject( blockType.settings.icon ) : 'admin-plugins';
 
 		return (
-			<View style={ styles.unsupportedBlock }>
+			<View style={ styles.unsupportedBlock }
+				accessible={ true }
+				accessibilityLabel={
+					blockType ?
+						sprintf(
+							/* translators: accessibility text. %s: unsupported block type. */
+							__( 'Unsupported block: %s' ),
+							title
+						) :
+						/* translators: accessibility text. */
+						__( 'Unsupported block' )
+				}
+				onAccessibilityTap={ this.props.onFocus }
+			>
 				<Icon className="unsupported-icon" icon={ icon && icon.src ? icon.src : icon } />
 				<Text style={ styles.unsupportedBlockMessage }>{ title }</Text>
 			</View>