From c4abc764c8dcfceb58f0e01477ba1550cbd264a0 Mon Sep 17 00:00:00 2001
From: PioBar <72926984+Pio-Bar@users.noreply.github.com>
Date: Fri, 13 Sep 2024 15:14:47 +0200
Subject: [PATCH] fix: (CXSPA-8028) - Asterisk for save cart dialog required
 input (#19136)

---
 .../saved-cart-form-dialog.component.html         | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/feature-libs/cart/saved-cart/components/saved-cart-form-dialog/saved-cart-form-dialog.component.html b/feature-libs/cart/saved-cart/components/saved-cart-form-dialog/saved-cart-form-dialog.component.html
index 5f4819b1b9e..fcbc8802276 100644
--- a/feature-libs/cart/saved-cart/components/saved-cart-form-dialog/saved-cart-form-dialog.component.html
+++ b/feature-libs/cart/saved-cart/components/saved-cart-form-dialog/saved-cart-form-dialog.component.html
@@ -211,14 +211,23 @@
             <p class="cx-saved-cart-form-subtitle">
               {{ 'savedCartDialog.itemsSavedForLater' | cxTranslate }}
             </p>
+            <p *cxFeature="'a11yRequiredAsterisks'" class="form-legend">
+              {{ 'formLegend.required' | cxTranslate }}
+            </p>
           </ng-container>
 
           <div class="cx-saved-cart-form-row">
             <ng-container>
               <label>
-                <span class="cx-saved-carts-label label-content">{{
-                  'savedCartDialog.savedCartName' | cxTranslate
-                }}</span>
+                <span class="cx-saved-carts-label label-content"
+                  >{{ 'savedCartDialog.savedCartName' | cxTranslate }}
+                  <abbr
+                    *cxFeature="'a11yRequiredAsterisks'"
+                    class="text-decoration-none"
+                    title="{{ 'common.required' | cxTranslate }}"
+                    >*</abbr
+                  ></span
+                >
                 <input
                   required="true"
                   [maxLength]="nameMaxLength"