From 38c1178209a80b3e30729f637530776a67a768e7 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 21 Aug 2026 22:14:13 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[=EC=A0=91?=
 =?UTF-8?q?=EA=B7=BC=EC=84=B1]=20=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=EC=9D=98=20=EC=95=84=EC=9D=B4=EC=BD=98=20=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EC=9D=BD=EA=B8=B0=20=EC=A4=91=EB=B3=B5=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

💡 What: 이벤트 상세 패널의 닫기 버튼 내부 X 아이콘에 `aria-hidden="true"` 속성을 추가했습니다.
🎯 Why: 버튼에 이미 `aria-label="Close event details"`가 선언되어 있어, 아이콘이 스크린 리더에 의해 중복으로 읽히는 것을 방지하여 접근성을 개선합니다.
📸 Before/After: 시각적인 변경 사항은 없습니다.
♿ Accessibility: 스크린 리더 사용자에게 불필요한 정보 제공을 막아 보다 명확한 조작 경험을 제공합니다.
---
 .Jules/palette.md                                      | 4 ++++
 packages/web/src/components/dashboard/event-detail.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/.Jules/palette.md b/.Jules/palette.md
index 104c1e4b..392e4b36 100644
--- a/.Jules/palette.md
+++ b/.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"`를 추가하여 스크린 리더에서 무시하도록 처리하는 패턴을 지속적으로 사용해야 합니다.
+
+## 2025-01-20 - 닫기 버튼 내부 아이콘 화면 읽기 중복 방지
+**Learning:** `aria-label`이 설정된 닫기 버튼 내부에 시각적 의미만 전달하는 아이콘(예: X)이 있을 때, 해당 아이콘에 `aria-hidden="true"`를 설정하지 않으면 일부 스크린 리더 환경에서 아이콘을 불필요하게 읽어 접근성 경험을 저해할 수 있습니다.
+**Action:** 접근성 레이블(`aria-label`)이 제공된 대화형 요소 내에 있는 장식성 아이콘들에는 항상 `aria-hidden="true"` 속성을 추가하여 스크린 리더 사용자에게 간결하고 명확한 정보만 제공하도록 합니다.
diff --git a/packages/web/src/components/dashboard/event-detail.tsx b/packages/web/src/components/dashboard/event-detail.tsx
index c6cc5cdf..f3b37ff1 100644
--- a/packages/web/src/components/dashboard/event-detail.tsx
+++ b/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 className="h-4 w-4" aria-hidden="true" />
             </button>
           )}
         </div>

From 2b656e44f2a36706678ffde22c96426f2ff577bb Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Fri, 21 Aug 2026 22:25:05 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[=EC=A0=91?=
 =?UTF-8?q?=EA=B7=BC=EC=84=B1]=20=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=EC=9D=98=20=EC=95=84=EC=9D=B4=EC=BD=98=20=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EC=9D=BD=EA=B8=B0=20=EC=A4=91=EB=B3=B5=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

💡 What: 이벤트 상세 패널의 닫기 버튼 내부 X 아이콘에 `aria-hidden="true"` 속성을 추가했습니다.
🎯 Why: 버튼에 이미 `aria-label="Close event details"`가 선언되어 있어, 아이콘이 스크린 리더에 의해 중복으로 읽히는 것을 방지하여 접근성을 개선합니다.
📸 Before/After: 시각적인 변경 사항은 없습니다.
♿ Accessibility: 스크린 리더 사용자에게 불필요한 정보 제공을 막아 보다 명확한 조작 경험을 제공합니다.

(CI에서 발생한 deepmerge-ts 보안 취약점은 Palette의 역할 범위를 벗어나므로 패치하지 않았습니다.)