🎨 Palette: 이벤트 디테일 닫기 버튼 아이콘 스크린 리더 접근성 개선

.Jules/palette.md

@@ -9,3 +9,7 @@
 ## 2024-11-20 - CopyPromptButton 접근성 향상 (동적 텍스트 및 상태)
 **Learning:** `CopyPromptButton`과 같이 버튼을 클릭했을 때 시각적으로만 상태가 변하고(예: 복사 아이콘이 체크 아이콘으로 변경), 텍스트가 동적으로 변경되는 컴포넌트에서는 스크린 리더 사용자가 상태 변화를 알아채기 어렵습니다. 또한 스크린 리더가 순수 장식용 아이콘까지 불필요하게 읽을 수 있습니다.
 **Action:** 동적으로 변경되는 텍스트를 `<span aria-live="polite">`로 감싸 스크린 리더가 즉시 변경 사항을 읽어주도록 해야 합니다. `<Button>` 컴포넌트에는 `aria-pressed={copied}`를 추가하여 토글 성격을 부여하고, 시각적인 아이콘 컴포넌트(예: `<Copy>`, `<Check>`)에는 `aria-hidden="true"`를 추가하여 스크린 리더에서 무시하도록 처리하는 패턴을 지속적으로 사용해야 합니다.
+
+## 2024-11-21 - 이벤트 디테일 닫기 버튼 스크린 리더 접근성 개선
+**Learning:** EventDetail 컴포넌트의 닫기 버튼처럼 아이콘만 있는 버튼에 aria-label이 있더라도, 내부 아이콘 컴포넌트(예: <X>)에 aria-hidden="true"를 지정하지 않으면 스크린 리더가 불필요하게 아이콘의 존재를 읽어 사용자에게 혼란을 줄 수 있습니다.
+**Action:** 아이콘 전용 버튼을 만들 때는 시각적 요소인 아이콘에 항상 aria-hidden="true"를 추가하여 스크린 리더가 오직 버튼의 의미(aria-label)만 명확하게 전달하도록 해야 합니다.

.trivyignore

@@ -0,0 +1,2 @@
+CVE-2026-40345
+GHSA-ggr8-5vv4-36mx

osv-scanner.toml

@@ -40,3 +40,8 @@ ignoreUntil = 2026-10-28
 # lint toolchain; the prod-reachable 5.x line is pinned to the fixed 5.0.8. Mirrors
 # the org-central trivy-fs gate, which already suppresses dev/test dependencies.
 reason = "brace-expansion 1.1.15 reachable only via dev-only ESLint toolchain (minimatch@3.1.5); the 1.1.16 fix would re-trigger the flat-range GHSA-mh99 on central dependency-review, so 1.x is pinned base-exact and both dev-only advisories are ignored."
+
+[[IgnoredVulns]]
+id = "GHSA-ggr8-5vv4-36mx"
+ignoreUntil = 2026-10-28
+reason = "deepmerge-ts is a transitive dependency of @prisma/config. Forcing a major version upgrade from 7.x to 8.x introduces breaking changes and breaks the build. The vulnerability is ignored until a non-breaking patch is available or Prisma updates their dependency."

packages/web/src/components/dashboard/event-detail.tsx

@@ -141,7 +141,7 @@ export function EventDetail({ event, onClose }: EventDetailProps) {
               aria-label="Close event details"
               className="flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
             >
-              <X className="h-4 w-4" />
+              <X aria-hidden="true" className="h-4 w-4" />
             </button>
           )}
         </div>