From c76e01c4dd18cc88f0eb337f8a4b8184dabe5b17 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Wed, 3 Jun 2026 21:19:35 +0000
Subject: [PATCH] feat: add aria-expanded to overview stats toggle

Added aria-expanded and aria-controls to the overview stats toggle
button, and assigned the corresponding id to the collapsible container
to improve accessibility for screen readers.
---
 packages/web/src/components/dashboard/overview-stats.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/dashboard/overview-stats.tsx b/packages/web/src/components/dashboard/overview-stats.tsx
index cce93b6..74a36e1 100644
--- a/packages/web/src/components/dashboard/overview-stats.tsx
+++ b/packages/web/src/components/dashboard/overview-stats.tsx
@@ -85,6 +85,8 @@ export function OverviewStats({
       <button
         type="button"
         onClick={() => setExpanded(v => !v)}
+        aria-expanded={expanded}
+        aria-controls="overview-stats-details"
         className="mt-4 flex items-center gap-2 text-xs text-muted-foreground hover:text-foreground transition-colors"
       >
         <span className={cn('inline-block transition-transform', expanded && 'rotate-90')}>▸</span>
@@ -93,7 +95,7 @@ export function OverviewStats({
       </button>
 
       {expanded && (
-        <div className="mt-3 text-xs text-muted-foreground space-y-2 leading-relaxed">
+        <div id="overview-stats-details" className="mt-3 text-xs text-muted-foreground space-y-2 leading-relaxed">
           <p>
             <span className="font-medium text-foreground">Sessions</span> — 팀원들이 시작한 Claude Code 세션 수.
           </p>