From 964608d5b52486eeca6ed925b6260a8e0cdf0961 Mon Sep 17 00:00:00 2001 From: Seongho Bae Date: Sat, 4 Jul 2026 14:39:19 +0900 Subject: [PATCH] =?UTF-8?q?=E2=99=BF=20a11y:=20=EC=82=AC=EC=9D=B4=EB=93=9C?= =?UTF-8?q?=EB=B0=94=20=EB=84=A4=EB=B9=84=EA=B2=8C=EC=9D=B4=EC=85=98=20?= =?UTF-8?q?=ED=95=AD=EB=AA=A9=20=ED=84=B0=EC=B9=98=20=ED=83=80=EA=B9=83=20?= =?UTF-8?q?44px=20=ED=99=95=EB=B3=B4=20(WCAG=202.5.5)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .workspaceNav__item 이 데스크톱 37px / 모바일 42px 로 렌더되어 WCAG 2.5.5 Target Size(최소 44×44)를 충족하지 못했다. Figma KRDS 디자인 시스템 Implementation Visual Parity 실측 (Playwright boundingClientRect)에서 발견한 delta. - 데스크톱: min-height:44px + flex 세로 중앙 정렬 추가 - 모바일: min-height 42→44px 재검증(Playwright): 데스크톱/모바일 모두 44px 확인. Co-Authored-By: Claude Opus 4.8 (1M context) Claude-Session: https://claude.ai/code/session_01PTz2mpGv8N6bcMiHLa15bD --- frontend/src/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 5d668ae4..4cf23b8d 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -98,6 +98,9 @@ textarea:focus-visible { .workspaceNav__item { width: 100%; + min-height: 44px; + display: flex; + align-items: center; padding: 10px 12px; text-align: left; border-color: transparent; @@ -887,7 +890,8 @@ button:disabled { } .workspaceNav__item { - min-height: 42px; + min-height: 44px; + justify-content: center; padding: 8px 6px; text-align: center; font-size: 13px;