From df7b65531a4e4c6408a75ef2c18ab1d4b966057b Mon Sep 17 00:00:00 2001
From: Nora <nora_rocks@agentmail.to>
Date: Fri, 26 Jun 2026 04:53:05 -0600
Subject: [PATCH] =?UTF-8?q?fix:=20react-doctor=20control-has-associated-la?=
 =?UTF-8?q?bel=2048=E2=86=9219=20(toggles,=20empty=20th,=20action=20menus)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/admin/wholesale/WholesaleClient.tsx            | 8 ++++----
 src/app/wholesale/portal/WholesalePortalClient.tsx     | 2 +-
 src/components/admin/CampaignListPanel.tsx             | 2 +-
 src/components/admin/ProductsClient.tsx                | 3 ++-
 src/components/admin/ScheduleImportModal.tsx           | 2 +-
 src/components/admin/StopTableClient.tsx               | 3 ++-
 src/components/admin/TemplateEditForm.tsx              | 2 +-
 src/components/admin/TimeTrackingAdminPanel.tsx        | 4 ++--
 src/components/admin/TimeTrackingSettingsClient.tsx    | 6 +++---
 src/components/admin/UsersPage.tsx                     | 4 ++--
 src/components/admin/WaterLogAdminPanel.tsx            | 2 +-
 src/components/admin/design-system/AdminActionMenu.tsx | 2 +-
 src/components/admin/design-system/AdminFilterBar.tsx  | 4 ++--
 src/components/admin/design-system/AdminToggle.tsx     | 1 +
 src/components/legal/CookieConsentBanner.tsx           | 4 ++--
 src/components/route-trace/LotCreateModal.tsx          | 2 +-
 src/components/route-trace/LotListTable.tsx            | 2 +-
 src/components/route-trace/QRScanModal.tsx             | 1 +
 src/components/storefront/TuxedoVideoHero.tsx          | 1 +
 19 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/app/admin/wholesale/WholesaleClient.tsx b/src/app/admin/wholesale/WholesaleClient.tsx
index 1379316..6cead05 100644
--- a/src/app/admin/wholesale/WholesaleClient.tsx
+++ b/src/app/admin/wholesale/WholesaleClient.tsx
@@ -589,7 +589,7 @@ function CustomersTab({ customers, products, brandId, onMsg, registrations = [],
                     <th className="px-5 py-3 font-semibold text-left">Contact</th>
                     <th className="px-5 py-3 font-semibold text-left">Status</th>
                     <th className="px-5 py-3 font-semibold text-left">Registered</th>
-                    <th className="px-5 py-3"></th>
+                    <th className="px-5 py-3" aria-label="Actions"></th>
                   </tr>
                 </thead>
                 <tbody className="divide-y divide-[var(--admin-border-light)]">
@@ -727,7 +727,7 @@ function CustomersTab({ customers, products, brandId, onMsg, registrations = [],
               <th className="px-5 py-3 font-semibold text-left">Credit</th>
               <th className="px-5 py-3 font-semibold text-left">Deposits</th>
               <th className="px-5 py-3 font-semibold text-left">Created</th>
-              <th className="px-5 py-3"></th>
+              <th className="px-5 py-3" aria-label="Actions"></th>
             </tr>
           </thead>
           <tbody className="divide-y divide-[var(--admin-border-light)]">
@@ -956,7 +956,7 @@ function CustomerPricingPanel({ customer, products, onClose, onMsg }: {
                   <th className="pb-2 font-medium">Product</th>
                   <th className="pb-2 font-medium">Standard Price</th>
                   <th className="pb-2 font-medium">Override Price</th>
-                  <th className="pb-2"></th>
+                  <th className="pb-2" aria-label="Actions"></th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-[var(--admin-border-light)]">
@@ -1296,7 +1296,7 @@ function ProductsTab({ products, brandId, onMsg, onRefresh }: {
               <th className="px-5 py-3 font-semibold text-left">Availability</th>
               <th className="px-5 py-3 font-semibold text-left">In Stock</th>
               <th className="px-5 py-3 font-semibold text-left">HP SKU</th>
-              <th className="px-5 py-3"></th>
+              <th className="px-5 py-3" aria-label="Actions"></th>
             </tr>
           </thead>
           <tbody className="divide-y divide-[var(--admin-border-light)]">
diff --git a/src/app/wholesale/portal/WholesalePortalClient.tsx b/src/app/wholesale/portal/WholesalePortalClient.tsx
index 6dcf311..d04b3ba 100644
--- a/src/app/wholesale/portal/WholesalePortalClient.tsx
+++ b/src/app/wholesale/portal/WholesalePortalClient.tsx
@@ -633,7 +633,7 @@ export default function WholesalePortalClient({
                         <th className="px-5 py-3 font-semibold text-center">Qty</th>
                         <th className="px-5 py-3 font-semibold text-right">Unit Price</th>
                         <th className="px-5 py-3 font-semibold text-right">Total</th>
-                        <th className="px-5 py-3"></th>
+                        <th className="px-5 py-3" aria-label="Actions"></th>
                       </tr>
                     </thead>
                     <tbody className="divide-y divide-slate-100">
diff --git a/src/components/admin/CampaignListPanel.tsx b/src/components/admin/CampaignListPanel.tsx
index edb8952..baa9a31 100644
--- a/src/components/admin/CampaignListPanel.tsx
+++ b/src/components/admin/CampaignListPanel.tsx
@@ -280,7 +280,7 @@ export default function CampaignListPanel({ initialCampaigns, brandId = "6429430
                 <th className="text-left px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]">Status</th>
                 <th className="text-left px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]">Created</th>
                 <th className="text-left px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]">Sent</th>
-                <th className="text-right px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]"></th>
+                <th className="text-right px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]" aria-label="Actions"></th>
               </tr>
             </thead>
             <tbody className="divide-y divide-[var(--admin-border)]">
diff --git a/src/components/admin/ProductsClient.tsx b/src/components/admin/ProductsClient.tsx
index 926bbc7..6f9a6e2 100644
--- a/src/components/admin/ProductsClient.tsx
+++ b/src/components/admin/ProductsClient.tsx
@@ -452,7 +452,7 @@ function TableView({
             <th className="text-left px-4 py-3 font-semibold text-[var(--admin-text-muted)] text-xs uppercase tracking-wider">Type</th>
             <th className="text-left px-4 py-3 font-semibold text-[var(--admin-text-muted)] text-xs uppercase tracking-wider">Price</th>
             <th className="text-left px-4 py-3 font-semibold text-[var(--admin-text-muted)] text-xs uppercase tracking-wider">Status</th>
-            <th className="px-4 py-3" />
+            <th className="px-4 py-3" aria-label="Actions" />
           </tr>
         </thead>
         <tbody className="divide-y divide-[var(--admin-border)]">
@@ -703,6 +703,7 @@ function CardView({
                   Edit
                 </AdminButton>
                 <button type="button"
+                  aria-label={`Delete ${product.name}`}
                   onClick={() => onDelete(product.id)}
                   className="rounded-lg border border-[var(--admin-border)] px-3 py-2 text-xs font-semibold text-[var(--admin-text-muted)] hover:bg-[var(--admin-danger-soft)] hover:text-[var(--admin-danger)] hover:border-[var(--admin-danger)] transition-colors"
                 >
diff --git a/src/components/admin/ScheduleImportModal.tsx b/src/components/admin/ScheduleImportModal.tsx
index eb2dfd7..a56c13e 100644
--- a/src/components/admin/ScheduleImportModal.tsx
+++ b/src/components/admin/ScheduleImportModal.tsx
@@ -253,7 +253,7 @@ export default function ScheduleImportModal({ brandId, onClose, onComplete }: Pr
                     <th className="px-3 py-2.5 text-left text-[10px] font-bold uppercase tracking-wider text-stone-500">Location</th>
                     <th className="px-3 py-2.5 text-left text-[10px] font-bold uppercase tracking-wider text-stone-500">Date</th>
                     <th className="px-3 py-2.5 text-left text-[10px] font-bold uppercase tracking-wider text-stone-500">Time</th>
-                    <th className="w-8 px-3 py-2.5" />
+                    <th className="w-8 px-3 py-2.5" aria-label="Actions" />
                   </tr>
                 </thead>
                 <tbody className="divide-y divide-stone-50">
diff --git a/src/components/admin/StopTableClient.tsx b/src/components/admin/StopTableClient.tsx
index 5fa0ef7..627306c 100644
--- a/src/components/admin/StopTableClient.tsx
+++ b/src/components/admin/StopTableClient.tsx
@@ -532,7 +532,7 @@ function TableView({
                 <SortIcon field="status" sortField={sortField} sortDirection={sortDirection} />
               </span>
             </th>
-            <th className="px-4 py-3" />
+            <th className="px-4 py-3" aria-label="Actions" />
           </tr>
         </thead>
         <tbody className="divide-y divide-[var(--admin-border)]">
@@ -1042,6 +1042,7 @@ function StopCard({
             Edit
           </AdminButton>
           <button type="button"
+            aria-label={`Delete stop in ${stop.city}, ${stop.state}`}
             onClick={() => setConfirmDelete(true)}
             className="rounded-lg border border-[var(--admin-border)] px-3 py-2 text-xs font-semibold text-[var(--admin-text-muted)] hover:bg-red-50 hover:text-red-600 hover:border-red-200 transition-colors"
           >
diff --git a/src/components/admin/TemplateEditForm.tsx b/src/components/admin/TemplateEditForm.tsx
index 24a0dd7..f3ad479 100644
--- a/src/components/admin/TemplateEditForm.tsx
+++ b/src/components/admin/TemplateEditForm.tsx
@@ -261,7 +261,7 @@ export function TemplateListPanel({ templates, brandId = "64294306-5f42-463d-a5e
                 <th className="text-left px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]">Type</th>
                 <th className="text-left px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]">Subject</th>
                 <th className="text-left px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]">Updated</th>
-                <th className="text-right px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]"></th>
+                <th className="text-right px-3 sm:px-4 py-3 font-semibold text-[var(--admin-text-muted)]" aria-label="Actions"></th>
               </tr>
             </thead>
             <tbody className="divide-y divide-[var(--admin-border)]">
diff --git a/src/components/admin/TimeTrackingAdminPanel.tsx b/src/components/admin/TimeTrackingAdminPanel.tsx
index 42969c0..65ca465 100644
--- a/src/components/admin/TimeTrackingAdminPanel.tsx
+++ b/src/components/admin/TimeTrackingAdminPanel.tsx
@@ -611,7 +611,7 @@ function WorkersTab({ workers, onAdd, onEdit, brandId, onSave }: {
             <th className="px-5 py-3 text-left text-xs font-bold text-[var(--admin-text-muted)] uppercase">PIN</th>
             <th className="px-5 py-3 text-left text-xs font-bold text-[var(--admin-text-muted)] uppercase">Status</th>
             <th className="px-5 py-3 text-left text-xs font-bold text-[var(--admin-text-muted)] uppercase">Language</th>
-            <th className="px-5 py-3"></th>
+            <th className="px-5 py-3" aria-label="Actions"></th>
           </tr>
         </thead>
         <tbody>
@@ -661,7 +661,7 @@ function TasksTab({ tasks, onAdd, onEdit, brandId, onSave }: {
             <th className="px-5 py-3 text-left text-xs font-bold text-[var(--admin-text-muted)] uppercase">Name</th>
             <th className="px-5 py-3 text-left text-xs font-bold text-[var(--admin-text-muted)] uppercase">Unit</th>
             <th className="px-5 py-3 text-left text-xs font-bold text-[var(--admin-text-muted)] uppercase">Status</th>
-            <th className="px-5 py-3"></th>
+            <th className="px-5 py-3" aria-label="Actions"></th>
           </tr>
         </thead>
         <tbody>
diff --git a/src/components/admin/TimeTrackingSettingsClient.tsx b/src/components/admin/TimeTrackingSettingsClient.tsx
index d4c9ff5..6aff37a 100644
--- a/src/components/admin/TimeTrackingSettingsClient.tsx
+++ b/src/components/admin/TimeTrackingSettingsClient.tsx
@@ -584,7 +584,7 @@ export default function TimeTrackingSettingsClient({ brandId }: TimeTrackingSett
                   <p className="text-sm text-[var(--admin-text-secondary)] font-medium">Daily overtime alerts</p>
                   <p className="text-xs text-[var(--admin-text-muted)]">Send notification when worker hits daily threshold</p>
                 </div>
-                <button type="button" onClick={() => setEnableDailyAlerts(!enableDailyAlerts)}
+                <button type="button" aria-label="Toggle daily alerts" aria-pressed={enableDailyAlerts} onClick={() => setEnableDailyAlerts(!enableDailyAlerts)}
                   className={`relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${enableDailyAlerts ? "bg-[var(--admin-accent)]" : "bg-stone-300"}`}>
                   <span className={`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform ${enableDailyAlerts ? "translate-x-4" : "translate-x-1"}`} />
                 </button>
@@ -594,7 +594,7 @@ export default function TimeTrackingSettingsClient({ brandId }: TimeTrackingSett
                   <p className="text-sm text-[var(--admin-text-secondary)] font-medium">Weekly overtime alerts</p>
                   <p className="text-xs text-[var(--admin-text-muted)]">Send notification when worker hits weekly threshold</p>
                 </div>
-                <button type="button" onClick={() => setEnableWeeklyAlerts(!enableWeeklyAlerts)}
+                <button type="button" aria-label="Toggle weekly alerts" aria-pressed={enableWeeklyAlerts} onClick={() => setEnableWeeklyAlerts(!enableWeeklyAlerts)}
                   className={`relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${enableWeeklyAlerts ? "bg-[var(--admin-accent)]" : "bg-stone-300"}`}>
                   <span className={`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform ${enableWeeklyAlerts ? "translate-x-4" : "translate-x-1"}`} />
                 </button>
@@ -604,7 +604,7 @@ export default function TimeTrackingSettingsClient({ brandId }: TimeTrackingSett
                   <p className="text-sm text-[var(--admin-text-secondary)] font-medium">Show overtime warning on employee screen</p>
                   <p className="text-xs text-[var(--admin-text-muted)]">Display alert when worker approaches thresholds</p>
                 </div>
-                <button type="button" onClick={() => setOvertimeNotifications(!overtimeNotifications)}
+                <button type="button" aria-label="Toggle overtime notifications" aria-pressed={overtimeNotifications} onClick={() => setOvertimeNotifications(!overtimeNotifications)}
                   className={`relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${overtimeNotifications ? "bg-[var(--admin-accent)]" : "bg-stone-300"}`}>
                   <span className={`inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform ${overtimeNotifications ? "translate-x-4" : "translate-x-1"}`} />
                 </button>
diff --git a/src/components/admin/UsersPage.tsx b/src/components/admin/UsersPage.tsx
index bb979ac..562ceeb 100644
--- a/src/components/admin/UsersPage.tsx
+++ b/src/components/admin/UsersPage.tsx
@@ -385,7 +385,7 @@ export default function UsersPage({ initialUsers, brands, currentUser, onUserCre
               <th className="px-5 py-4 font-semibold">Brand</th>
               <th className="px-5 py-4 font-semibold">Status</th>
               <th className="px-5 py-4 font-semibold">Created</th>
-              {canManageUsers && <th className="px-5 py-4 font-semibold" />}
+              {canManageUsers && <th className="px-5 py-4 font-semibold" aria-label="Actions" />}
             </tr>
           </thead>
           <tbody className="divide-y divide-stone-100">
@@ -651,7 +651,7 @@ export default function UsersPage({ initialUsers, brands, currentUser, onUserCre
                       <p className="font-medium text-stone-900">Active</p>
                       <p className="text-xs text-stone-500">Deactivated users cannot log in</p>
                     </div>
-                    <button type="button"
+                    <button type="button" aria-label="Toggle user active status" aria-pressed={editing.active}
                       onClick={() => setActive(!editing.active)}
                       className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${editing.active ? "bg-emerald-600" : "bg-stone-300"}`}
                     >
diff --git a/src/components/admin/WaterLogAdminPanel.tsx b/src/components/admin/WaterLogAdminPanel.tsx
index 515771c..02c0f6a 100644
--- a/src/components/admin/WaterLogAdminPanel.tsx
+++ b/src/components/admin/WaterLogAdminPanel.tsx
@@ -860,7 +860,7 @@ export default function WaterLogAdminPanel({
                 <th className="px-4 py-2.5 text-right">Gallons</th>
                 <th className="px-4 py-2.5">Method</th>
                 <th className="px-4 py-2.5">Via</th>
-                <th className="px-4 py-2.5"></th>
+                <th className="px-4 py-2.5" aria-label="Actions"></th>
               </tr>
             </thead>
             <tbody>
diff --git a/src/components/admin/design-system/AdminActionMenu.tsx b/src/components/admin/design-system/AdminActionMenu.tsx
index e625e8b..5144e13 100644
--- a/src/components/admin/design-system/AdminActionMenu.tsx
+++ b/src/components/admin/design-system/AdminActionMenu.tsx
@@ -37,7 +37,7 @@ export default function AdminActionMenu({ actions, triggerLabel, className = ""
 
   return (
     <div ref={menuRef} className={`relative inline-flex items-center justify-end ${className}`}>
-      <button type="button"
+      <button type="button" aria-label="Open action menu" aria-haspopup="true" aria-expanded={open}
         onClick={() => setOpen(!open)}
         className="rounded-lg px-2 py-1.5 text-xs text-[var(--admin-text-muted)] hover:text-[var(--admin-text-secondary)] hover:bg-[var(--admin-bg-subtle)] transition-colors"
       >
diff --git a/src/components/admin/design-system/AdminFilterBar.tsx b/src/components/admin/design-system/AdminFilterBar.tsx
index e23507c..eedbe5f 100644
--- a/src/components/admin/design-system/AdminFilterBar.tsx
+++ b/src/components/admin/design-system/AdminFilterBar.tsx
@@ -87,7 +87,7 @@ export default function AdminFilterBar({
         {/* View Toggle */}
         {onViewModeChange && viewMode && (
           <div className="flex gap-1 rounded-xl border border-[var(--admin-border)] bg-white p-1">
-            <button type="button"
+            <button type="button" aria-label="Table view" aria-pressed={viewMode === "table"}
               onClick={() => onViewModeChange("table")}
               className={`rounded-lg p-1.5 transition-all ${
                 viewMode === "table"
@@ -99,7 +99,7 @@ export default function AdminFilterBar({
                 <path strokeLinecap="round" strokeLinejoin="round" d="M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" />
               </svg>
             </button>
-            <button type="button"
+            <button type="button" aria-label="Cards view" aria-pressed={viewMode === "cards"}
               onClick={() => onViewModeChange("cards")}
               className={`rounded-lg p-1.5 transition-all ${
                 viewMode === "cards"
diff --git a/src/components/admin/design-system/AdminToggle.tsx b/src/components/admin/design-system/AdminToggle.tsx
index 039e113..77899b7 100644
--- a/src/components/admin/design-system/AdminToggle.tsx
+++ b/src/components/admin/design-system/AdminToggle.tsx
@@ -39,6 +39,7 @@ export function AdminToggle({
       <button
         type="button"
         role="switch"
+        aria-label={label ?? "Toggle"}
         aria-checked={checked}
         disabled={disabled}
         onClick={() => !disabled && onChange(!checked)}
diff --git a/src/components/legal/CookieConsentBanner.tsx b/src/components/legal/CookieConsentBanner.tsx
index 2f422ec..28ebc04 100644
--- a/src/components/legal/CookieConsentBanner.tsx
+++ b/src/components/legal/CookieConsentBanner.tsx
@@ -110,7 +110,7 @@ export default function CookieConsentBanner() {
                   <h3 className="font-medium text-[#1a1a1a]">Analytics Cookies</h3>
                   <p className="text-sm text-[#888]">Help us improve the site</p>
                 </div>
-                <button type="button"
+                <button type="button" role="switch" aria-label="Analytics cookies" aria-checked={preferences.analytics}
                   onClick={() => setPreferences({ ...preferences, analytics: !preferences.analytics })}
                   className={`w-12 h-7 rounded-full relative transition-colors ${
                     preferences.analytics ? "bg-[#1a4d2e]" : "bg-gray-300"
@@ -128,7 +128,7 @@ export default function CookieConsentBanner() {
                   <h3 className="font-medium text-[#1a1a1a]">Marketing Cookies</h3>
                   <p className="text-sm text-[#888]">Personalized ads and content</p>
                 </div>
-                <button type="button"
+                <button type="button" role="switch" aria-label="Marketing cookies" aria-checked={preferences.marketing}
                   onClick={() => setPreferences({ ...preferences, marketing: !preferences.marketing })}
                   className={`w-12 h-7 rounded-full relative transition-colors ${
                     preferences.marketing ? "bg-[#1a4d2e]" : "bg-gray-300"
diff --git a/src/components/route-trace/LotCreateModal.tsx b/src/components/route-trace/LotCreateModal.tsx
index b8cc540..02a4d84 100644
--- a/src/components/route-trace/LotCreateModal.tsx
+++ b/src/components/route-trace/LotCreateModal.tsx
@@ -124,7 +124,7 @@ export default function LotCreateModal({ isOpen, onClose, brandId }: Props) {
               <p className="text-sm" style={{ color: "var(--admin-text-muted)" }}>Quick entry — scan or fill in the fields below</p>
             </div>
           </div>
-          <button type="button"
+          <button type="button" aria-label="Close"
             onClick={onClose}
             className="flex h-9 w-9 items-center justify-center rounded-xl border transition-colors hover:bg-stone-50"
             style={{ borderColor: "var(--admin-border)" }}
diff --git a/src/components/route-trace/LotListTable.tsx b/src/components/route-trace/LotListTable.tsx
index 9de8cc7..b369438 100644
--- a/src/components/route-trace/LotListTable.tsx
+++ b/src/components/route-trace/LotListTable.tsx
@@ -318,7 +318,7 @@ export default function LotListTable({
                     {h}
                   </th>
                 ))}
-                <th className="px-5 py-3.5" />
+                <th className="px-5 py-3.5" aria-label="Actions" />
               </tr>
             </thead>
             <tbody>
diff --git a/src/components/route-trace/QRScanModal.tsx b/src/components/route-trace/QRScanModal.tsx
index fa5ce8c..370636d 100644
--- a/src/components/route-trace/QRScanModal.tsx
+++ b/src/components/route-trace/QRScanModal.tsx
@@ -249,6 +249,7 @@ export default function QRScanModal({ onClose, onScanResult }: QRScanModalProps)
               <>
                 <video
                   ref={videoRef}
+                  aria-label="QR code scanner camera feed"
                   className="w-full h-full object-cover"
                   playsInline
                   muted
diff --git a/src/components/storefront/TuxedoVideoHero.tsx b/src/components/storefront/TuxedoVideoHero.tsx
index f3a768a..84c1b4f 100644
--- a/src/components/storefront/TuxedoVideoHero.tsx
+++ b/src/components/storefront/TuxedoVideoHero.tsx
@@ -158,6 +158,7 @@ export default function TuxedoVideoHero({
         {/* Background video with parallax */}
         <video
           ref={videoRef}
+          aria-hidden="true"
           autoPlay
           muted
           loop