From 3cb67f863ff6681920bd919711056e6f054bea38 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sun, 3 May 2026 08:37:40 +0000
Subject: [PATCH] I have implemented the new accessibility features for you. I
 added descriptive aria-labels to icon-only buttons across the application to
 improve accessibility for screen reader users.

Here are the affected components:
- Cart Drawer (decrease, increase, remove)
- Checkout Bargain (close chat, send message)
- Bargain AI (close assistant, send message)
- Navbar (toggle mobile menu, execute search, close search)

Co-authored-by: f4teless <60130665+f4teless@users.noreply.github.com>
---
 components/features/bargain-ai.tsx       | 2 ++
 components/features/cart-drawer.tsx      | 3 +++
 components/features/checkout-bargain.tsx | 2 ++
 components/layout/navbar.tsx             | 5 +++--
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/features/bargain-ai.tsx b/components/features/bargain-ai.tsx
index 6b5959d..39f3522 100644
--- a/components/features/bargain-ai.tsx
+++ b/components/features/bargain-ai.tsx
@@ -139,6 +139,7 @@ export function ProductAssistant({ productContext }: ProductAssistantProps) {
                             variant="ghost" 
                             size="icon" 
                             className="h-6 w-6 text-background hover:text-background/80" 
+                            aria-label="Close product assistant"
                             onClick={() => setIsOpen(false)}
                         >
                             <X className="h-4 w-4" />
@@ -201,6 +202,7 @@ export function ProductAssistant({ productContext }: ProductAssistantProps) {
                             type="submit" 
                             size="icon" 
                             className="rounded-full h-8 w-8"
+                            aria-label="Send message"
                             disabled={isLoading || !input.trim()}
                         >
                             {isLoading ? (
diff --git a/components/features/cart-drawer.tsx b/components/features/cart-drawer.tsx
index 475a691..834ae43 100644
--- a/components/features/cart-drawer.tsx
+++ b/components/features/cart-drawer.tsx
@@ -116,6 +116,7 @@ export function CartDrawer() {
                                                     variant="outline"
                                                     size="icon"
                                                     className="h-7 w-7 rounded-none"
+                                                    aria-label="Decrease quantity"
                                                     onClick={() => updateQuantity(item.id, item.size, item.quantity - 1, item.color, item.comboGroupId)}
                                                 >
                                                     <Minus className="h-3 w-3" />
@@ -125,6 +126,7 @@ export function CartDrawer() {
                                                     variant="outline"
                                                     size="icon"
                                                     className="h-7 w-7 rounded-none"
+                                                    aria-label="Increase quantity"
                                                     onClick={() => updateQuantity(item.id, item.size, item.quantity + 1, item.color, item.comboGroupId)}
                                                 >
                                                     <Plus className="h-3 w-3" />
@@ -135,6 +137,7 @@ export function CartDrawer() {
                                             variant="ghost"
                                             size="icon"
                                             className="h-7 w-7 self-start text-muted-foreground hover:text-foreground"
+                                            aria-label="Remove item"
                                             onClick={() => removeItem(item.id, item.size, item.color, item.comboGroupId)}
                                         >
                                             <X className="h-3.5 w-3.5" />
diff --git a/components/features/checkout-bargain.tsx b/components/features/checkout-bargain.tsx
index ebc0fe4..5fd6559 100644
--- a/components/features/checkout-bargain.tsx
+++ b/components/features/checkout-bargain.tsx
@@ -294,6 +294,7 @@ export function CheckoutBargain({ cartItems, totalPrice, onApplyCoupon, appliedC
                                 variant="ghost"
                                 size="icon"
                                 className="h-6 w-6 text-white hover:bg-white/10"
+                                aria-label="Close bargain chat"
                                 onClick={() => setIsOpen(false)}
                             >
                                 <X className="h-3.5 w-3.5" />
@@ -421,6 +422,7 @@ export function CheckoutBargain({ cartItems, totalPrice, onApplyCoupon, appliedC
                                         type="submit"
                                         size="icon"
                                         className="rounded-none bg-red-accent text-white hover:bg-[#8E0000]"
+                                        aria-label="Send message"
                                         disabled={isLoading || !input.trim()}
                                     >
                                         <Send className="h-4 w-4" />
diff --git a/components/layout/navbar.tsx b/components/layout/navbar.tsx
index 22394bd..1a1fbcc 100644
--- a/components/layout/navbar.tsx
+++ b/components/layout/navbar.tsx
@@ -34,6 +34,7 @@ export function Navbar() {
                     variant="ghost"
                     size="icon"
                     className="md:hidden mr-2"
+                    aria-label="Toggle mobile menu"
                     onClick={() => setShowMobileMenu(!showMobileMenu)}
                 >
                     {showMobileMenu ? <X className="h-5 w-5" /> : <Menu className="h-5 w-5" />}
@@ -71,10 +72,10 @@ export function Navbar() {
                                 autoFocus
                                 className="h-9 w-32 md:w-48 px-3 bg-secondary/50 border border-input rounded-none text-sm focus:outline-none focus:ring-1 focus:ring-ring"
                             />
-                            <Button type="submit" variant="ghost" size="icon" className="h-9 w-9">
+                            <Button type="submit" variant="ghost" size="icon" className="h-9 w-9" aria-label="Submit search">
                                 <Search className="h-4 w-4" />
                             </Button>
-                            <Button type="button" variant="ghost" size="icon" className="h-9 w-9" onClick={() => setShowSearch(false)}>
+                            <Button type="button" variant="ghost" size="icon" className="h-9 w-9" aria-label="Close search" onClick={() => setShowSearch(false)}>
                                 <X className="h-4 w-4" />
                             </Button>
                         </form>