WCAG 2.2 · 1. 인식의 용이성 · 1.3 적응 가능
1.3.4 화면 방향
Orientation
콘텐츠를 세로 또는 가로 한 방향으로만 보거나 조작하도록 제한하면 안 됩니다(꼭 필요한 경우 제외).
수준 AAWCAG 2.1
한눈에 보기
- 성공 기준
- 1.3.4 화면 방향
- 수준
- 수준 AA
- 원칙
- 1. 인식의 용이성
- 지침
- 1.3 적응 가능
- 도입
- WCAG 2.1
요구 사항
콘텐츠의 보기와 조작을 세로(portrait)나 가로(landscape) 중 하나의 화면 방향으로 제한하지 않아야 합니다. 예외: 특정 방향이 필수인 경우(예: 은행 수표 촬영, 피아노 앱, 가상현실 콘텐츠, 프로젝터 슬라이드).
왜 필요한가요
휠체어나 침대에 태블릿을 고정해 쓰는 사용자는 기기를 돌릴 수 없습니다. 방향을 고정하면 이 사용자는 콘텐츠를 아예 쓸 수 없거나 머리를 돌려 봐야 합니다.
도움받는 사용자
- 기기를 거치대에 고정해 쓰는 지체장애인
- 저시력 사용자(화면 확대 사용자)
- 화면을 한 방향으로 고정해 쓰는 사용자
적용 방법
- CSS
@media (orientation: ...)로 콘텐츠를 숨기거나 “기기를 회전하세요” 메시지만 보여 주지 않습니다. - 반응형 레이아웃으로 두 방향 모두에서 쓸 수 있게 합니다.
- 웹 앱 매니페스트의
orientation이나 Screen Orientation API로 방향을 잠그지 않습니다.
자주 하는 실수
- 가로 모드에서 “세로로 돌려 주세요” 안내만 표시하고 콘텐츠를 숨깁니다.
- 앱·웹 앱 설정으로 화면 방향을 고정합니다.
검사 방법
- 기기를 세로·가로로 각각 돌려(또는 개발자 도구로 화면 크기를 바꿔) 콘텐츠와 기능을 모두 쓸 수 있는지 확인합니다.