[P-Reinforce] 2026-04-20: 15-Level React Mastery Curriculum Integrated

2026-04-20 16:35:21 +09:00
parent 507f07fe7b
commit 6edd49abfd
31 changed files with 514 additions and 0 deletions
@@ -0,0 +1,14 @@
+# ♿ [LEVEL 14] 웹 접근성: 모두를 위한 배려
+
+## 1. Semantic HTML의 진정한 의미
+- `<div>` 로만 도배하지 마라. 스크린 리더는 `<div>`를 이해하지 못한다.
+- `<button>`, `<nav>`, `<main>`, `<header>`를 적재적소에 써라.
+- **이점**: 이건 단순히 착한 일이 아니라, **검색 엔진 최적화(SEO)**와 직결된다.
+
+## 2. ARIA(Accessible Rich Internet Applications)
+- 표준 태그로 설명이 안 될 때 `aria-label` 등을 써서 힌트를 줘라.
+- "이 버튼은 메뉴를 닫는 버튼입니다"라고 기계에게 알려주는 배려다.
+
+## 3. 키보드 네비게이션
+- 마우스 없이도 탭(`Tab`) 키만으로 내 앱의 모든 기능을 쓸 수 있게 하라. 
+- 누군가에게는 이것이 세상과 소통하는 유일한 길이다.