From 7850e1d162e0c8ac9f212d286d79a5d8e8a765d6 Mon Sep 17 00:00:00 2001
From: himanshupathak95 <himanshu.pathak@rtcamp.com>
Date: Mon, 13 Jan 2025 14:42:07 +0530
Subject: [PATCH] Navigation Link: Replace missing link tooltip with ARIA label

---
 packages/block-library/src/navigation-link/edit.js    | 11 ++++++-----
 .../block-library/src/navigation-link/editor.scss     |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
index 8ff438dc20abe..d0551ca331a06 100644
--- a/packages/block-library/src/navigation-link/edit.js
+++ b/packages/block-library/src/navigation-link/edit.js
@@ -532,11 +532,12 @@ export default function NavigationLinkEdit( {
 				<a className={ classes }>
 					{ /* eslint-enable */ }
 					{ ! url ? (
-						<div className="wp-block-navigation-link__placeholder-text">
-							<Tooltip text={ tooltipText }>
-								<span>{ missingText }</span>
-							</Tooltip>
-						</div>
+						<span
+							className="wp-block-navigation-link__placeholder-text"
+							aria-label={ __( 'This item is missing a link' ) }
+						>
+							{ missingText }
+						</span>
 					) : (
 						<>
 							{ ! isInvalid &&
diff --git a/packages/block-library/src/navigation-link/editor.scss b/packages/block-library/src/navigation-link/editor.scss
index 84cd6f6d4ee36..4fa94eeaaa80f 100644
--- a/packages/block-library/src/navigation-link/editor.scss
+++ b/packages/block-library/src/navigation-link/editor.scss
@@ -80,7 +80,7 @@
 	background-image: none !important;
 
 	// Draw a wavy underline.
-	.wp-block-navigation-link__placeholder-text span {
+	.wp-block-navigation-link__placeholder-text {
 		$blur: 10%;
 		$width: 6%;
 		$stop1: 30%;