🎨 Palette: [UX improvement] 접근성 및 인터랙션 개선

[seonghobae]

💡 What:

• 외부 링크(target="_blank")에 스크린 리더 사용자를 위한 새 탭 열림 경고(aria-label) 추가.
• 대시보드의 카드 및 버튼 요소에 hover CSS 트랜지션을 추가하여 시각적 피드백 제공.

🎯 Why:

• 시각 장애인 사용자가 외부 링크 클릭 시 문맥을 잃지 않도록 돕기 위함.
• 마우스 사용자가 상호작용 가능한 요소를 명확히 인지할 수 있도록 시각적 단서를 제공하기 위함.

📸 Before/After:

• (코드 레벨 변경으로 스크린샷 생략)

♿ Accessibility:

• target="_blank" 속성을 가진 링크에 aria-label="${esc(r)} (opens in a new tab)" 추가.

---

PR created automatically by Jules for task 3041057315673851911 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]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: d4a280f2-8581-4ded-b78a-6d924c9f10a3

📥 Commits

Reviewing files that changed from the base of the PR and between a68b57d and 655963c.

📒 Files selected for processing (2)

• .jules/palette.md
• scanner/dashboard/index.html

---

📝 Walkthrough

Walkthrough

대시보드에 외부 링크의 새 탭 열림을 알리는 접근성 안내를 추가했습니다. 카드와 필터 초기화 버튼의 hover 스타일을 추가하고 초기화 버튼 스타일을 CSS 클래스로 이동했습니다.

Changes

대시보드 접근성 및 UI

Layer / File(s)	Summary
외부 링크 접근성 안내 .jules/palette.md, scanner/dashboard/index.html	새 탭으로 열리는 참고 링크에 aria-label을 추가했습니다. 관련 접근성 지침도 기록했습니다.
대시보드 버튼 hover 스타일 scanner/dashboard/index.html	카드와 필터 초기화 버튼에 hover 스타일을 추가했습니다. 초기화 버튼의 인라인 스타일을 .clear-btn 클래스로 변경했습니다.

Estimated code review effort: 1 (Trivial) | ~5분

Possibly related PRs

• ContextualWisdomLab/appguardrail#876: scanner/dashboard/index.html의 참고 링크 aria-label 접근성 동작을 함께 변경합니다.
• ContextualWisdomLab/appguardrail#921: scanner/dashboard/index.html의 대시보드 카드 접근성과 동작을 함께 변경합니다.
• ContextualWisdomLab/appguardrail#930: 필터 초기화 버튼의 .clear-btn 스타일과 hover 피드백을 함께 변경합니다.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	제목은 접근성 개선과 인터랙션 개선이라는 변경 사항의 핵심을 명확하게 요약합니다.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
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

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch palette-ux-improvement-3041057315673851911

---

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.}

[opencode-agent]

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

• Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

• Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

• Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

• Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

• Result: REQUEST_CHANGES

• Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 06323e09d2220617d147ca85c60e076870be4986.

• Head SHA: 06323e09d2220617d147ca85c60e076870be4986

• Workflow run: 31644639699

• Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]

Loading

[opencode-agent]

OpenCode Review Overview

• Head SHA: 06323e09d2220617d147ca85c60e076870be4986
• Workflow run: 31644639699
• Workflow attempt: 1
• Gate result: REQUEST_CHANGES (approval step)

Pull request overview

OpenCode cannot approve yet because required coverage evidence did not pass.

Review outcome

1. HIGH .github/workflows/opencode-review.yml:1 - Coverage evidence did not prove required test/docstring evidence

• Problem: The required coverage-evidence job result was failure, so OpenCode cannot establish approval sufficiency for this head.

• Root cause: Automated approval is only valid when the same-head coverage-evidence job proves supported repository test suites passed and configured docstring gates passed or were advisory, or reports not applicable because no supported source files or package manifests exist. Missing, failed, skipped, unavailable, or unsupported-tooling test evidence is a blocker.

• Fix: Install or configure the repository test/docstring evidence tooling when source files or package manifests exist, rerun the current-head coverage-evidence job, and approve only after it reports success with required evidence or explicit no-source not-applicable evidence.

• Regression test: Keep the approval branch checking needs.coverage-evidence.result == success before posting APPROVE, and publish REQUEST_CHANGES when coverage-evidence blocker states such as cancelled, skipped, failed, unsupported-tooling, or below-100 evidence are present.

• Result: REQUEST_CHANGES

• Reason: coverage-evidence result was failure, so required test/docstring evidence was not proven for current head 06323e09d2220617d147ca85c60e076870be4986.

• Head SHA: 06323e09d2220617d147ca85c60e076870be4986

• Workflow run: 31644639699

• Workflow attempt: 1

Coverage evidence

Coverage evidence job did not run or did not publish coverage evidence.

Changed-File Evidence Map

flowchart LR
  PR["PR changed files"] --> Evidence["OpenCode bounded evidence"]
  Evidence --> S1["Changed file (2 files)"]
  S1 --> I1["repository behavior"]
  I1 --> R1["Review risk: Changed file (2 files)"]
  R1 --> V1["required checks"]

Loading

[seonghobae]

Closing as superseded. The clear-button and card-state styling is already covered by PR #930, while the external-link accessibility change is covered by PR #935 with a dedicated regression test. Keeping this overlapping branch would duplicate CSS and make the same index.html lines conflict without adding an independent product contract.

[google-labs-jules]

Closing as superseded. The clear-button and card-state styling is already covered by PR #930, while the external-link accessibility change is covered by PR #935 with a dedicated regression test. Keeping this overlapping branch would duplicate CSS and make the same index.html lines conflict without adding an independent product contract.

알겠습니다. 이 작업이 PR #930 및 PR #935에 의해 대체되었음을 인지하고 이 작업에 대한 추가 작업을 중단합니다.