Cert
1. 인식의 용이성Level A

1.3.2 의미 있는 순서

Meaningful Sequence

요약

읽는 순서가 의미에 영향을 준다면 그 순서가 코드에도 반영돼야 합니다. CSS로 시각적 위치만 바꾸면 DOM 순서대로 읽는 스크린리더와 시각 순서가 어긋납니다. flexbox의 order나 grid 배치로 순서를 뒤집을 때 특히 문제가 됩니다.

흔한 실패 사례

  • `order` 속성으로 시각 순서를 바꿔 키보드 포커스가 화면 위아래를 오가는 경우

KWCAG 2.2 대응 항목

  • 7.3.1 콘텐츠의 선형구조

관련 학습 단원

W3C 원문 보기 — Understanding SC 1.3.2