fix: (CXSPA-8028) - Asterisk for save cart dialog required input (#19136

)
SAP · Sep 13, 2024 · c4abc76 · c4abc76
1 parent 87834f9
commit c4abc76
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/...s/cart/saved-cart/components/saved-cart-form-dialog/saved-cart-form-dialog.component.html b/...s/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"