From a1377fa5c2418f745bfcf98a7b8c78ea2dce35be Mon Sep 17 00:00:00 2001
From: Sergey Krylov <ksv741@mail.ru>
Date: Sat, 27 Jun 2026 13:44:25 +0300
Subject: [PATCH] feat(frontend): allow aria-label on BrokerDashboardCard

Support setting an accessible name on the dashboard card section so
consumers can query sections via getByLabelText in tests and assistive
tech, matching the hero pattern in BrokerDashboardHero.
---
 .../src/widgets/broker-dashboard/ui/BrokerDashboardCard.tsx    | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/frontend/src/widgets/broker-dashboard/ui/BrokerDashboardCard.tsx b/apps/frontend/src/widgets/broker-dashboard/ui/BrokerDashboardCard.tsx
index 301ec6f..50ea7ff 100644
--- a/apps/frontend/src/widgets/broker-dashboard/ui/BrokerDashboardCard.tsx
+++ b/apps/frontend/src/widgets/broker-dashboard/ui/BrokerDashboardCard.tsx
@@ -8,6 +8,7 @@ type BrokerDashboardCardProps = {
   filters?: ReactNode
   children: ReactNode
   sx?: SxProps<Theme>
+  ariaLabel?: string
 }
 
 export function BrokerDashboardCard({
@@ -16,10 +17,12 @@ export function BrokerDashboardCard({
   filters,
   children,
   sx,
+  ariaLabel,
 }: BrokerDashboardCardProps) {
   return (
     <Box
       component="section"
+      aria-label={ariaLabel}
       sx={{
         border: '1px solid',
         borderColor: 'divider',