웹사이트 기본 접근성 체크리스트

제목(h1–h3), 목록, 표 등 의미에 맞는 HTML 요소를 사용했다

제목 레벨을 건너뛰지 않고 순서대로 사용했다 (h1 다음에 h3이 오지 않는다)

header, nav, main, footer 랜드마크가 페이지마다 존재한다

html 요소에 lang 속성을 선언했다 (한국어 사이트라면 lang="ko")

모든 페이지가 내용을 설명하는 고유한 title을 가진다

마우스 없이 키보드만으로 모든 기능을 사용할 수 있다

현재 포커스된 요소가 눈에 띄게 표시된다 (outline을 제거하지 않았다)

반복되는 내비게이션을 건너뛰는 skip link가 있다

Tab 이동 순서가 시각적 배치 순서와 일치한다

본문 텍스트와 배경의 명도 대비가 4.5:1 이상이다

색상만으로 정보를 전달하지 않는다 (오류 표시에 색 + 텍스트 병용)

브라우저에서 글자를 200%까지 키워도 내용이 잘리지 않는다

움직임을 줄이는 OS 설정(prefers-reduced-motion)을 존중한다

의미 있는 이미지에 내용을 설명하는 대체 텍스트(alt)가 있다

장식용 이미지는 빈 alt(alt="")로 처리했다

영상에 자막을 제공한다

모든 입력 필드에 연결된 label이 있다 (placeholder만으로 대체하지 않았다)

입력 오류 시 무엇이 잘못됐고 어떻게 고치는지 텍스트로 알려준다

버튼·링크의 터치 영역이 충분하다 (약 44px 이상)