jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSR-1819 remove unneeded accessibility spans.

Browse source
This commit is contained in:
Bryan Mauger 2023-12-01 10:29:51 -05:00
parent f0bc62e3b2
commit ad5014ac6f
1 changed files with 7 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/fmg-components/cart/cart.vue
View file

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