From ef316e93a0c2226011207b4830d222b9419a8dc5 Mon Sep 17 00:00:00 2001
From: Andrea Fercia <a.fercia@gmail.com>
Date: Wed, 20 Jul 2022 10:55:39 +0200
Subject: [PATCH] Add toggle button icon and visually hidden text.

---
 .../src/components/list/actions/index.js       | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/edit-site/src/components/list/actions/index.js b/packages/edit-site/src/components/list/actions/index.js
index f6e020413fe22..1b0a873424596 100644
--- a/packages/edit-site/src/components/list/actions/index.js
+++ b/packages/edit-site/src/components/list/actions/index.js
@@ -4,8 +4,13 @@
 import { useDispatch } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { __ } from '@wordpress/i18n';
-import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
-import { chevronDown } from '@wordpress/icons';
+import {
+	DropdownMenu,
+	MenuGroup,
+	MenuItem,
+	VisuallyHidden,
+} from '@wordpress/components';
+import { Icon, chevronDown, reset } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
 
 /**
@@ -26,7 +31,14 @@ export default function Actions( { template } ) {
 	const isRevertable = isTemplateRevertable( template );
 
 	if ( ! isRemovable && ! isRevertable ) {
-		return __( 'No actions' );
+		return (
+			<>
+				<Icon icon={ reset } />
+				<VisuallyHidden>
+					{ __( 'No actions available' ) }
+				</VisuallyHidden>
+			</>
+		);
 	}
 
 	async function revertAndSaveTemplate() {