사용자가 길을 잃지 않게 만드는 HTML 순서
접근성은 보조 기술이 페이지를 탐색하고 이름을 듣고 조작 결과를 예측할 수 있게 만드는 일이다.
| 사용자 흐름 | HTML 기준 | 확인 방법 | 나쁜 신호 |
|---|---|---|---|
| 영역 찾기 | header, nav, main, footer | landmark로 이동 가능 | 페이지 지도 없음 |
| 제목 따라가기 | h1부터 순서 있는 제목 | 목차가 자연스럽게 읽힘 | 시각 크기 기준으로 제목 사용 |
| 이름 듣기 | label, alt, aria-label | 입력과 이미지 목적이 들림 | 아이콘 버튼 이름 없음 |
| 키보드 조작 | a, button, input 기본 요소 | Tab과 Enter/Space 동작 | 마우스로만 사용 가능 |
| 결과 확인 | 오류와 상태 메시지 제공 | 무엇이 바뀌었는지 알 수 있음 | 실패해도 안내 없음 |
접근성의 시작은 ARIA를 많이 쓰는 것이 아니라 네이티브 HTML 의미를 먼저 올바르게 선택하는 것이다.