From 89dc5364d1e791c0a29a18678a38f731fba46eb4 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Thu, 11 Jun 2026 01:48:24 +0900
Subject: [PATCH] =?UTF-8?q?fix(nav):=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=EB=93=9C=EB=A1=9C=EC=96=B4=20=EC=A0=91=EA=B7=BC=EC=84=B1=20(ar?=
 =?UTF-8?q?ia-expanded=C2=B7Esc=C2=B7dialog=20role)=20+=20hover=20?=
 =?UTF-8?q?=ED=81=B4=EB=9E=98=EC=8A=A4=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/components/TopNav.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/components/TopNav.tsx b/app/components/TopNav.tsx
index 103553e..f50a7e7 100644
--- a/app/components/TopNav.tsx
+++ b/app/components/TopNav.tsx
@@ -58,6 +58,13 @@ export default function TopNav() {
     }
   }, [open]);
 
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); };
+    window.addEventListener('keydown', onKey);
+    return () => window.removeEventListener('keydown', onKey);
+  }, [open]);
+
   const isActive = (href: string) => {
     if (href === '/') return pathname === '/';
     return pathname === href || pathname.startsWith(href + '/');
@@ -143,15 +150,13 @@ export default function TopNav() {
             )}
             <Link
               href="/outsourcing#contact"
-              className="hidden sm:inline-flex items-center px-4 py-2 rounded-lg text-sm font-semibold transition-colors duration-150"
+              className="hidden sm:inline-flex items-center px-4 py-2 rounded-lg text-sm font-semibold transition-colors duration-150 hover:bg-[var(--jsm-accent-hover)]"
               style={{
                 background: 'var(--jsm-accent)',
                 color: '#ffffff',
                 textDecoration: 'none',
                 letterSpacing: '-0.01em',
               }}
-              onMouseEnter={(e) => { (e.currentTarget as HTMLElement).style.background = 'var(--jsm-accent-hover)'; }}
-              onMouseLeave={(e) => { (e.currentTarget as HTMLElement).style.background = 'var(--jsm-accent)'; }}
             >
               프로젝트 문의
             </Link>
@@ -160,6 +165,7 @@ export default function TopNav() {
             <button
               onClick={() => setOpen(true)}
               aria-label="메뉴 열기"
+              aria-expanded={open}
               className="md:hidden p-2 rounded-lg transition-colors duration-150"
               style={{ color: 'var(--jsm-ink)' }}
             >
@@ -182,6 +188,9 @@ export default function TopNav() {
             className="absolute top-0 right-0 h-full w-72 flex flex-col shadow-xl"
             style={{ background: 'var(--jsm-surface)' }}
             onClick={(e) => e.stopPropagation()}
+            role="dialog"
+            aria-modal="true"
+            aria-label="메뉴"
           >
             {/* 드로어 헤더 */}
             <div