From ad5014ac6f4fc1f2c6431bc4cf844288506bbb7e Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Dec 2023 10:29:51 -0500
Subject: [PATCH] CSR-1819 remove unneeded accessibility spans.

---
 src/fmg-components/cart/cart.vue | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index d5ef09542..4e6aeb1da 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -16,8 +16,7 @@
             <div class="price-table">
                 <div class="service-type">
                     <textBlock :cmsWidgetName="servicePackageTitleWidget" />
-                    <span tabindex="0">
-                        <span class="sr-only"> {{ screenReaderPackagePriceText }} </span>
+                    <span>
                         {{ getFormattedAmount("", packagePrice) }}
                     </span>
                 </div>
@@ -64,39 +63,29 @@
                     <span v-else-if="cartItem == recycleFeeCartItem">
                         {{ recycleFeeCartItem.name }}
                     </span>
-                    <span tabindex="0"
-                        ><span class="sr-only">{{ screenReaderRecycleFeeText }}</span
-                        >{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span
+                    <span>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span
                     >
                 </div>
 
                 <!-- Sub total, sales tax, total columns -->
                 <div class="sub-total">
                     <span>{{ subtotalText }}</span
-                    ><span tabindex="0"
-                        ><span class="sr-only">{{ screenReaderSubTotalText }}</span
-                        >{{ getFormattedAmount("", subTotal) }}</span
+                    ><span>{{ getFormattedAmount("", subTotal) }}</span
                     >
                 </div>
                 <div class="sales-tax">
                     <span>{{ salesTaxText }}</span
-                    ><span tabindex="0"
-                        ><span class="sr-only">{{ screenReaderSalesTaxText }}</span
-                        >{{ getFormattedAmount("", salesTax) }}</span
+                    ><span>{{ getFormattedAmount("", salesTax) }}</span
                     >
                 </div>
                 <div v-if="showAsPaid" class="amount-paid">
                     <span>{{ amountPaidText }}</span
-                    ><span tabindex="0"
-                        ><span class="sr-only">{{ screenReaderAmountPaidText }}</span
-                        >{{ getFormattedAmount("", amountPaid) }}</span
+                    ><span>{{ getFormattedAmount("", amountPaid) }}</span
                     >
                 </div>
                 <div class="amount-due">
                     <span>{{ amountDueText }}</span
-                    ><span tabindex="0"
-                        ><span class="sr-only">{{ screenReaderTotalAmountDueText }}</span
-                        >{{ getFormattedAmount("", amountDue) }}</span
+                    ><span>{{ getFormattedAmount("", amountDue) }}</span
                     >
                 </div>
             </div>
@@ -136,6 +125,7 @@ export default {
         allowItemRemoval: Boolean,
         recyclingModalCmsWidgetName: String,
         showAsPaid: Boolean,
+        cmsWidgetName: String,
     },
     data() {
         return {