diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 0000000..0593ca7 --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,3 @@ +## 2024-05-24 - Add accessibility attributes to overview stats expander +**Learning:** Collapsible sections need explicit semantic linkage between the toggle and the content, as well as state indication, to be accessible to screen reader users. Decorative visual cues like arrows can add noise for screen readers. +**Action:** Always add `aria-expanded`, `aria-controls`, and an `id` to link toggle buttons to the content they control. Use `aria-hidden="true"` on non-semantic decorative icons. diff --git a/packages/web/src/components/dashboard/overview-stats.tsx b/packages/web/src/components/dashboard/overview-stats.tsx index cce93b6..c1c3c31 100644 --- a/packages/web/src/components/dashboard/overview-stats.tsx +++ b/packages/web/src/components/dashboard/overview-stats.tsx @@ -85,15 +85,17 @@ export function OverviewStats({ {expanded && ( -
Sessions — 팀원들이 시작한 Claude Code 세션 수.