접근성 흐름

사용자가 길을 잃지 않게 만드는 HTML 순서

접근성은 보조 기술이 페이지를 탐색하고, 이름을 듣고, 조작 결과를 예측할 수 있게 하는 일입니다.

의미 있는 HTML이 기본 접근성의 출발점입니다.
1

영역 찾기

header, nav, main으로 큰 길을 만듭니다.
2

제목 따라가기

h1부터 순서대로 제목 계층을 유지합니다.
3

이름 듣기

alt, 링크 문구, label로 대상을 설명합니다.
4

키기준 조작

링크, 버튼, 입력처럼 기본 조작이 있는 요소를 우선 사용합니다.

먼저 네이티브 HTML로 의미와 조작을 해결하고, 부족한 정보만 ARIA로 보완합니다.