From 9a0f23df044c603b91a04588bccfa8f80f3d1890 Mon Sep 17 00:00:00 2001
From: Nikki Gonzales
 <38495263+nikkithelegendarypokemonster@users.noreply.github.com>
Date: Mon, 20 May 2024 23:24:31 +0800
Subject: [PATCH] Add alt in image in custom template example (#3213)

---
 MVCDemos/Views/TagBox/Overview.cshtml     | 4 ++--
 NetCoreDemos/Views/TagBox/Overview.cshtml | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/MVCDemos/Views/TagBox/Overview.cshtml b/MVCDemos/Views/TagBox/Overview.cshtml
index 4225d2c941e..d50c922264a 100644
--- a/MVCDemos/Views/TagBox/Overview.cshtml
+++ b/MVCDemos/Views/TagBox/Overview.cshtml
@@ -106,7 +106,7 @@
                     .InputAttr("aria-label", "Product")
                     .ItemTemplate(@<text>
                         <div class="custom-item">
-                            <img src="<%- ImageSrc %>" />
+                            <img src="<%- ImageSrc %>" alt="<%- Name %>. Picture"/>
                             <div class="product-name"><%- Name %></div>
                         </div>
                     </text>)
@@ -140,7 +140,7 @@
         const popover = $('#popover').dxPopover('instance')
         const tagImg = $('<img>', { class: 'tag-img' }).attr({
             src: data.ImageSrc,
-            alt: data.Name
+            alt: `${data.Name}. Picture`
         })
         const tag = $('<div>')
             .attr('aria-disabled', isDisabled)
diff --git a/NetCoreDemos/Views/TagBox/Overview.cshtml b/NetCoreDemos/Views/TagBox/Overview.cshtml
index 81a294eaddf..3cf8befbebd 100644
--- a/NetCoreDemos/Views/TagBox/Overview.cshtml
+++ b/NetCoreDemos/Views/TagBox/Overview.cshtml
@@ -106,7 +106,7 @@
                     .ValueExpr("ID")
                     .ItemTemplate(@<text>
                         <div class="custom-item">
-                            <img src="<%- ImageSrc %>" />
+                            <img src="<%- ImageSrc %>" alt="<%- Name %>. Picture" />
                             <div class="product-name"><%- Name %></div>
                         </div>
                     </text>)
@@ -139,7 +139,7 @@
         const popover = $('#popover').dxPopover('instance')
         const tagImg = $('<img>', { class: 'tag-img' }).attr({
             src: data.ImageSrc,
-            alt: data.Name
+            alt: `${data.Name}. Picture`
         })
         const tag = $('<div>')
             .attr('aria-disabled', isDisabled)