From cc8ea7ebe304ad4a6985d6745d92025d7e3aa6fa Mon Sep 17 00:00:00 2001
From: unknown <shinhm1@naver.com>
Date: Tue, 18 Aug 2026 17:33:33 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20FAQ=20=EC=95=84=EC=BD=94=EB=94=94?=
 =?UTF-8?q?=EC=96=B8=20=EC=9E=90=EB=B0=94=EC=8A=A4=ED=81=AC=EB=A6=BD?=
 =?UTF-8?q?=ED=8A=B8=20=EB=B9=84=ED=99=9C=EC=84=B1=20=ED=99=98=EA=B2=BD=20?=
 =?UTF-8?q?=EC=A0=91=EA=B7=BC=EC=84=B1=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

자바스크립트 없으면 하이드레이션이 없어 isOpen 초기값이 SSR 시점에
고정되고, aria-hidden과 grid-template-rows도 함께 굳어져 닫힌 답변이
sighted/스크린리더 사용자 모두에게 노출되지 않는 문제 수정.

- aria-hidden 제거로 열림 상태와 무관하게 항상 접근성 트리에 노출
- scripting:none 미디어쿼리로 무자바스크립트 환경 시각적 확장

Closes #204
---
 src/components/landing/FaqAccordionItem.tsx | 3 +--
 src/styles/globals.css                      | 4 ++++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/landing/FaqAccordionItem.tsx b/src/components/landing/FaqAccordionItem.tsx
index 83a82ba..bcff6d9 100644
--- a/src/components/landing/FaqAccordionItem.tsx
+++ b/src/components/landing/FaqAccordionItem.tsx
@@ -59,8 +59,7 @@ const FaqAccordionItem = ({
 
       <div
         id={contentId}
-        aria-hidden={!isOpen}
-        className="grid transition-[grid-template-rows] duration-300 ease-out"
+        className="faq-answer-panel grid transition-[grid-template-rows] duration-300 ease-out"
         style={{ gridTemplateRows: isOpen ? '1fr' : '0fr' }}
       >
         <div className="overflow-hidden">
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 33f84b9..e888a60 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -300,4 +300,8 @@ a {
     transform: none !important;
     transition: none !important;
   }
+
+  .faq-answer-panel {
+    grid-template-rows: 1fr !important;
+  }
 }