🎨 Palette: 의미 없는 장식용 아이콘에 aria-hidden 속성 추가

[seonghobae]

💡 What: EventList 컴포넌트의 ChevronRight 아이콘과 ContextSection 컴포넌트의 ChevronUp, ChevronDown 아이콘에 aria-hidden="true" 속성을 추가했습니다.

🎯 Why: 이 아이콘들은 시각적인 장식 역할을 하며 상태(확장 여부 등)는 상위 버튼의 aria-expanded로 스크린 리더에게 이미 제공되므로, 스크린 리더가 불필요하게 아이콘을 읽지 않도록 하기 위함입니다.

📸 Before/After: 시각적 변화 없음

♿ Accessibility: 스크린 리더 사용자가 장식용 요소를 건너뛰고 핵심 콘텐츠와 상태 정보(aria-expanded)에 집중할 수 있도록 탐색 경험을 개선했습니다.

---

PR created automatically by Jules for task 9465778288796219363 started by @seonghobae

Summary by CodeRabbit

• 접근성 개선
  • 장식용 펼침/접힘 아이콘이 스크린 리더에 불필요하게 읽히지 않도록 개선했습니다.
  • 이벤트 목록과 보고서 섹션의 보조 기술 사용 경험을 향상했습니다.

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Team

Run ID: 63a5d5b8-97e5-4227-9883-de175c9c4cfa

📥 Commits

Reviewing files that changed from the base of the PR and between 2fa9201 and 62515e2.

📒 Files selected for processing (2)

• packages/web/src/components/dashboard/event-list.tsx
• packages/web/src/components/dashboard/reports/context-section.tsx

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

대시보드의 장식용 Chevron 아이콘에 aria-hidden="true"를 추가했습니다. 스크린 리더가 해당 아이콘을 무시합니다. 기존 렌더링과 상태 처리는 변경하지 않았습니다.

Changes

대시보드 아이콘 접근성

Layer / File(s)	Summary
장식용 Chevron 아이콘 숨김 packages/web/src/components/dashboard/event-list.tsx, packages/web/src/components/dashboard/reports/context-section.tsx	ChevronRight, ChevronUp, ChevronDown 아이콘에 aria-hidden="true"를 추가했습니다.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Merge Risk: ⚪ Minimal · up to cc909

대시보드의 장식용 Chevron 아이콘이 스크린 리더 탐색에서 제외되며, 펼침 상태는 기존 상위 컨트롤의 aria-expanded로 계속 전달됩니다. 현재 병합을 막는 위험은 확인되지 않았습니다.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 2 functions across 2 files.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목은 장식용 아이콘에 aria-hidden 속성을 추가하는 변경을 정확히 설명합니다. 변경 범위와 목적이 명확합니다.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch palette/aria-hidden-chevrons-9465778288796219363

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[seonghobae]

DESIGN ASSURANCE exact-head review — live head 8975d11336f47045ba0b3c6dfad142380decda5c, Draft.

The two product deltas are valid: decorative chevrons are hidden while button state remains exposed through aria-expanded. However, event-list.tsx overlaps #595, while reports/context-section.tsx is unique to this PR. Preserve the unique delta and integrate both PRs through one canonical writer; do not retire either lane until the successor compare proves complete carryover.

This exact head is not merge-ready. CI is still running and Security Scan, Semgrep, and CodeQL PR are queued. The prior head's Noema/OpenCode/Trivy/CodeQL failures or successes cannot transfer. Also require real-browser accessibility-tree, pointer/keyboard/focus behavior, responsive screenshots, relevant loading/empty/error/permission/read-only/busy states, and KO/EN/JA/ZH/VI/ES/DE/FR presentation evidence on the final integrated head.

[google-labs-jules]

Design Assurance exact-head finding — cc909daf03667865b17eedc43751b4ccc8a072dc

The two-file decorative-chevron delta is valid in isolation, but this exact head has terminal Noema, OpenCode, Trivy and three CodeQL-compatibility failures. It also overlaps #595 in event-list.tsx while retaining a unique ContextSection delta.

Moved to Draft without discarding either change. Restack/integrate through one canonical UI writer, prove exact accessible name/expanded-state parity in the real browser for keyboard, pointer and touch, and regenerate current-head protected checks. Do not merge both overlapping implementations or transfer predecessor GREEN.

Understood. Acknowledging that this PR has been moved to Draft and overlapping implementations will be integrated through a canonical UI writer to resolve the exact-head failures. Stopping work on this task.