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