2nd/01_Archive/2026-04-20/14_Accessibility_Inclusivity.md

♿ [LEVEL 14] 웹 접근성: 모두를 위한 배려

1. Semantic HTML의 진정한 의미

• <div> 로만 도배하지 마라. 스크린 리더는 <div>를 이해하지 못한다.
• <button>, <nav>, <main>, <header>를 적재적소에 써라.
• 이점: 이건 단순히 착한 일이 아니라, **검색 엔진 최적화(SEO)**와 직결된다.

2. ARIA(Accessible Rich Internet Applications)

• 표준 태그로 설명이 안 될 때 aria-label 등을 써서 힌트를 줘라.
• "이 버튼은 메뉴를 닫는 버튼입니다"라고 기계에게 알려주는 배려다.

3. 키보드 네비게이션

• 마우스 없이도 탭(Tab) 키만으로 내 앱의 모든 기능을 쓸 수 있게 하라.
• 누군가에게는 이것이 세상과 소통하는 유일한 길이다.