Description
The quantity increment/decrement buttons in CartDrawer and MenuItemModal only contain + and - text with no aria-label. Screen reader users cannot tell which item's quantity is being adjusted.
Files to Change
packages/storefront/src/components/CartDrawer.tsx — lines 82–94packages/storefront/src/components/MenuItemModal.tsx — lines 297–309
Steps
- Add
aria-label attributes like "Decrease quantity for {item name}" and "Increase quantity for {item name}"
- Use translation keys for the labels (e.g.,
t('cart.decreaseQuantity', { item: name }))
Effort
XS — a few aria-label additions
Description
The quantity increment/decrement buttons in
CartDrawerandMenuItemModalonly contain+and-text with noaria-label. Screen reader users cannot tell which item's quantity is being adjusted.Files to Change
packages/storefront/src/components/CartDrawer.tsx— lines 82–94packages/storefront/src/components/MenuItemModal.tsx— lines 297–309Steps
aria-labelattributes like"Decrease quantity for {item name}"and"Increase quantity for {item name}"t('cart.decreaseQuantity', { item: name }))Effort
XS — a few aria-label additions