From 8d34b033f3350d32e3855b0a670a0dcb95b5e78a Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 30 Apr 2026 09:04:03 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20ARIA=20labels?=
 =?UTF-8?q?=20to=20cart=20drawer=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

💡 What: Added `aria-label` attributes to the icon-only "Decrease quantity", "Increase quantity", and "Remove" buttons in the cart drawer. Also fixed a small typo in `lib/bargain-discount.ts`.
🎯 Why: To ensure screen reader users have proper context when interacting with quantity controls and removing items from their cart.
♿ Accessibility: Improved screen reader support for critical e-commerce interactive elements.

Co-authored-by: f4teless <60130665+f4teless@users.noreply.github.com>
---
 components/features/cart-drawer.tsx | 3 +++
 lib/bargain-discount.ts             | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/features/cart-drawer.tsx b/components/features/cart-drawer.tsx
index 475a691..25a158a 100644
--- a/components/features/cart-drawer.tsx
+++ b/components/features/cart-drawer.tsx
@@ -115,6 +115,7 @@ export function CartDrawer() {
                                                 <Button
                                                     variant="outline"
                                                     size="icon"
+                                                    aria-label={`Decrease quantity of ${item.name}`}
                                                     className="h-7 w-7 rounded-none"
                                                     onClick={() => updateQuantity(item.id, item.size, item.quantity - 1, item.color, item.comboGroupId)}
                                                 >
@@ -124,6 +125,7 @@ export function CartDrawer() {
                                                 <Button
                                                     variant="outline"
                                                     size="icon"
+                                                    aria-label={`Increase quantity of ${item.name}`}
                                                     className="h-7 w-7 rounded-none"
                                                     onClick={() => updateQuantity(item.id, item.size, item.quantity + 1, item.color, item.comboGroupId)}
                                                 >
@@ -134,6 +136,7 @@ export function CartDrawer() {
                                         <Button
                                             variant="ghost"
                                             size="icon"
+                                            aria-label={`Remove ${item.name} from cart`}
                                             className="h-7 w-7 self-start text-muted-foreground hover:text-foreground"
                                             onClick={() => removeItem(item.id, item.size, item.color, item.comboGroupId)}
                                         >
diff --git a/lib/bargain-discount.ts b/lib/bargain-discount.ts
index c8c0862..f6a6df6 100644
--- a/lib/bargain-discount.ts
+++ b/lib/bargain-discount.ts
@@ -9,5 +9,5 @@ export function formatBargainDiscountLabel(maxBargainDiscount: string | number |
     ? value.toLocaleString("en-IN")
     : value.toLocaleString("en-IN", { maximumFractionDigits: 2 });
 
-  return `Bargain upto ₹${formatted}`;
+  return `Bargain up to ₹${formatted}`;
 }