From 0d3e42fc99781ed73bec9e548c05466a5dfe554a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=95=EC=A0=95=ED=99=98/=EC=84=9C=EB=B9=84=EC=8A=A4?= =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=86=A0=ED=83=80=EC=9E=85=EA=B0=9C=EB=B0=9C?= =?UTF-8?q?=ED=8C=80?= Date: Wed, 20 Aug 2025 23:00:28 +0900 Subject: [PATCH 1/2] docs: fix spacing errors in a11y korean documentation --- fundamentals/a11y/eslint/rules.md | 3 ++- fundamentals/a11y/overview.md | 4 ++-- fundamentals/a11y/playground.md | 4 ++-- fundamentals/a11y/semantic/required-label.md | 5 +++-- fundamentals/a11y/structure/button-inside-button.md | 4 ++-- fundamentals/a11y/why.md | 6 ++++-- 6 files changed, 15 insertions(+), 11 deletions(-) diff --git a/fundamentals/a11y/eslint/rules.md b/fundamentals/a11y/eslint/rules.md index 700f57bc..57ecc739 100644 --- a/fundamentals/a11y/eslint/rules.md +++ b/fundamentals/a11y/eslint/rules.md @@ -167,6 +167,7 @@ export default [ 인터랙티브 요소가 아닌 (`
`, `` 등)에 클릭 이벤트 핸들러를 추가할 때는 반드시 `role` 속성 등으로 상호작용 요소임을 명시해야 해요. ::: details 인터랙티브 요소 목록 + | 요소 | 조건 | |------|------| | `` | - | @@ -187,7 +188,7 @@ export default [ ::: ::: info 왜 `role` 속성이 없는 비상호작용 요소에 클릭 이벤트 핸들러를 추가할 수 없나요? -비상호작용 요소에 클릭 이벤트 핸들러를 추가하면, 스크린 리더 등 보조기기가 해당 요소를 인식하지 못해 스크린 리더, 키보드 사용자 등에게 혼란을 줄 수 있어요. +비상호작용 요소에 클릭 이벤트 핸들러를 추가하면, 스크린 리더 등 보조 기기가 해당 요소를 인식하지 못해 스크린 리더, 키보드 사용자 등에게 혼란을 줄 수 있어요. ::: **❌ 잘못된 예시** diff --git a/fundamentals/a11y/overview.md b/fundamentals/a11y/overview.md index c96b0926..4db3994e 100644 --- a/fundamentals/a11y/overview.md +++ b/fundamentals/a11y/overview.md @@ -9,6 +9,6 @@ ## 이런 분들께 추천해요 - 🎯 무심코 짠 코드가 누군가에겐 큰 장벽이 될 수 있다는 사실을 깨달은 개발자 -- 🔍 '접근성을 고려해야 해요'라는 말은 많이 들었지만, 어디서부터 시작 해야 할지 감이 안 오는 개발자 -- 👀 '스크린 리더', '키보드 탐색', 'ARIA' 등 용어는 들어봤지만 실무에 적용해본 적 없는 개발자 +- 🔍 '접근성을 고려해야 해요'라는 말은 많이 들었지만, 어디서부터 시작해야 할지 감이 안 오는 개발자 +- 👀 '스크린 리더', '키보드 탐색', 'ARIA' 등 용어는 들어봤지만 실무에 적용해 본 적 없는 개발자 - 🧩 HTML 구조 문제로 인해 자동화 테스트가 실패하거나 외부 라이브러리 연동이 안 되는 경험이 있는 개발자 diff --git a/fundamentals/a11y/playground.md b/fundamentals/a11y/playground.md index 1ad9865c..0b0a1674 100644 --- a/fundamentals/a11y/playground.md +++ b/fundamentals/a11y/playground.md @@ -25,7 +25,7 @@ import ScreenReaderExperience from './components/ScreenReaderExperience.vue'; 시각장애인이 모바일을 어떻게 사용하는지 직접 체험해 보세요. 아래 "시작하기" 버튼을 누르면 스크린리더 사용자처럼 화면을 보지 않고 소리로만 토스의 송금 서비스를 경험할 수 있어요. -PC에서는 마우스 클릭과 드래그로 터치 동작을 대신할 수 있어요. 어둠 뿐인 화면이 처음에는 낯설 수 있지만, 소리에 귀 기울이며 천천히 따라해 보세요. +PC에서는 마우스 클릭과 드래그로 터치 동작을 대신할 수 있어요. 어둠뿐인 화면이 처음에는 낯설 수 있지만, 소리에 귀 기울이며 천천히 따라 해 보세요. ` | - | @@ -22,7 +23,7 @@ | `` 태그 안에 `