Site Editor: Add the "Help" link to the tools menu (#37647)

* Site Editor: Add the "Help" link to the tools menu * Add icon and accessibility text * Add role attribute Co-authored-by: Nik Tsekouras <[email protected]>
WordPress · Dec 30, 2021 · 05f1024 · 05f1024
1 parent 7b8583f
commit 05f1024
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/edit-site/src/plugins/index.js b/packages/edit-site/src/plugins/index.js
@@ -1,6 +1,9 @@
 /**
  * WordPress dependencies
  */
+import { __ } from '@wordpress/i18n';
+import { MenuItem, VisuallyHidden } from '@wordpress/components';
+import { external } from '@wordpress/icons';
 import { registerPlugin } from '@wordpress/plugins';
 
 /**
@@ -17,6 +20,23 @@ registerPlugin( 'edit-site', {
  <ToolsMoreMenuGroup>
  <SiteExport />
  <WelcomeGuideMenuItem />
+ <MenuItem
+ icon={ external }
+ role="menuitem"
+ href={ __(
+ 'https://wordpress.org/support/article/site-editor/'
+ ) }
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ { __( 'Help' ) }
+ <VisuallyHidden as="span">
+ {
+ /* translators: accessibility text */
+ __( '(opens in a new tab)' )
+ }
+ </VisuallyHidden>
+ </MenuItem>
  </ToolsMoreMenuGroup>
  </>
  );