From 289ab7bd763d4c0c796d0b376c7344277a5934c9 Mon Sep 17 00:00:00 2001
From: Narendra Sishodiya <32844880+narenin@users.noreply.github.com>
Date: Thu, 30 May 2024 20:04:46 +0530
Subject: [PATCH] Fixed : Update `alt text decision tree` links to be
 translatable (#62076)

* Implemented: Update alt text decision tree links to be translatable

* Implemented: Update alt text decision tree links to be translatable

* Implemented Suggestions

* Implemented comment related changes

Co-authored-by: narenin <narenin@git.wordpress.org>
Co-authored-by: joedolson <joedolson@git.wordpress.org>
Co-authored-by: michalczaplinski <czapla@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
---
 .../src/cover/edit/inspector-controls.js       |  9 ++++++++-
 .../block-library/src/image/edit.native.js     |  7 ++++++-
 packages/block-library/src/image/image.js      | 18 ++++++++++++++++--
 packages/block-library/src/media-text/edit.js  |  9 ++++++++-
 4 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/packages/block-library/src/cover/edit/inspector-controls.js b/packages/block-library/src/cover/edit/inspector-controls.js
index a10fb4b0675d9b..0b05a004cd06e0 100644
--- a/packages/block-library/src/cover/edit/inspector-controls.js
+++ b/packages/block-library/src/cover/edit/inspector-controls.js
@@ -211,7 +211,14 @@ export default function CoverInspectorControls( {
 								}
 								help={
 									<>
-										<ExternalLink href="https://www.w3.org/WAI/tutorials/images/decision-tree">
+										<ExternalLink
+											href={
+												// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+												__(
+													'https://www.w3.org/WAI/tutorials/images/decision-tree/'
+												)
+											}
+										>
 											{ __(
 												'Describe the purpose of the image.'
 											) }
diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
index 4789efd6bf0085..efa526ec0afd5d 100644
--- a/packages/block-library/src/image/edit.native.js
+++ b/packages/block-library/src/image/edit.native.js
@@ -580,7 +580,12 @@ export class ImageEdit extends Component {
 							'Describe the purpose of the image. Leave empty if decorative.'
 						) }{ ' ' }
 						<FooterMessageLink
-							href="https://www.w3.org/WAI/tutorials/images/decision-tree/"
+							href={
+								// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+								__(
+									'https://www.w3.org/WAI/tutorials/images/decision-tree/'
+								)
+							}
 							value={ __( 'What is alt text?' ) }
 						/>
 					</>
diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
index ab0aeac8cdfb36..f81d9c06621e67 100644
--- a/packages/block-library/src/image/image.js
+++ b/packages/block-library/src/image/image.js
@@ -606,7 +606,14 @@ export default function Image( {
 										<>{ lockAltControlsMessage }</>
 									) : (
 										<>
-											<ExternalLink href="https://www.w3.org/WAI/tutorials/images/decision-tree">
+											<ExternalLink
+												href={
+													// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+													__(
+														'https://www.w3.org/WAI/tutorials/images/decision-tree/'
+													)
+												}
+											>
 												{ __(
 													'Describe the purpose of the image.'
 												) }
@@ -693,7 +700,14 @@ export default function Image( {
 										<>{ lockAltControlsMessage }</>
 									) : (
 										<>
-											<ExternalLink href="https://www.w3.org/WAI/tutorials/images/decision-tree">
+											<ExternalLink
+												href={
+													// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+													__(
+														'https://www.w3.org/WAI/tutorials/images/decision-tree/'
+													)
+												}
+											>
 												{ __(
 													'Describe the purpose of the image.'
 												) }
diff --git a/packages/block-library/src/media-text/edit.js b/packages/block-library/src/media-text/edit.js
index 5901cd780c1309..8e011505296eb5 100644
--- a/packages/block-library/src/media-text/edit.js
+++ b/packages/block-library/src/media-text/edit.js
@@ -383,7 +383,14 @@ function MediaTextEdit( {
 						onChange={ onMediaAltChange }
 						help={
 							<>
-								<ExternalLink href="https://www.w3.org/WAI/tutorials/images/decision-tree">
+								<ExternalLink
+									href={
+										// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+										__(
+											'https://www.w3.org/WAI/tutorials/images/decision-tree/'
+										)
+									}
+								>
 									{ __(
 										'Describe the purpose of the image.'
 									) }