성공기준 이해 1.3.4:방향 (Level AA)

요약

목표

장치는 어떤 방향으로도 사용될 수 있다.

할 일

콘텐츠를 세로 또는 가로 프레젠테이션으로 고정하지 않는다.

중요성

휠체어 사용자 및 여타 사용자는 장치를 고정된 방향으로 장착할 수 있다.

의도

이 성공 기준의 목적은 콘텐츠가 사용자가 선호하는 방향(세로 또는 가로)으로 표시되도록 하는 것이다. 일부 웹사이트와 애플리케이션은 자동으로 화면을 특정 디스플레이 방향으로 설정하고 제한하며 사용자가 이에 맞춰 장치를 회전하여 반응할 것이라고 기대하지만 이로 인해 문제가 발생할 수 있다. 일부 사용자는 기기를 고정된 방향(예: 전동 휠체어 팔걸이)으로 장착한니다. 따라서 웹 사이트와 애플리케이션은 방향을 제한하지 않고 두 방향을 모두 지원해야 한다. 디스플레이 크기로 인한 내용이나 기능의 변화는 방향 제한에 초점을 맞춘 이 기준에 포함되지 않는다.

역사적으로 장치는 고정 방향 디스플레이를 갖는 경향이 있었고 모든 콘텐츠는 해당 디스플레이 방향과 일치하도록 생성되었다. 오늘날 대부분의 휴대용 장치 및 기타 여러 장치(예: 모니터)에는 센서 정보를 기반으로 하드웨어 수준에서 기본 디스플레이 방향을 동적으로 조정하는 기능이 있다. 이 성공 기준의 목표는 저작자가 방향을 제한하지 않고 콘텐츠가 항상 장치 디스플레이 방향과 일치하도록 하는 것이다.

콘텐츠를 특정 방향으로 제약하지 않는 저작자의 책임과 디스플레이 방향 잠금을 관리하는 장치별 설정을 구별하는 것은 중요하다.

많은 휴대용 장치는 사용자가 장치 디스플레이를 특정 방향으로 고정할 수 있도록 기계식 스위치나 시스템 설정(또는 둘 다)을 제공한다. 사용자가 전체 장치를 특정 방향에 고정하기로 결정한 경우 모든 애플리케이션은 해당 설정을 선택하고 이에 따라 콘텐츠를 표시해야 한다.

이 성공 기준은 장치의 "방향 고정" 설정을 보완한다. 표시 방향을 제한하지 않는 웹 페이지는 시스템 설정이 사용자 에이전트에 의해 선택되므로 항상 시스템 기반의 방향 설정을 지원한다. 또는 장치 기반의 방향 고정이 설정되지 않은 경우 사용자 에이전트는 장치 방향(기본값 또는 장치 센서에 의해 결정된 현재 방향)에 따라 페이지를 표시해야 한다.

필수적인 것으로 간주되는 사항에 대한 예외는 콘텐츠가 특정 방향으로만 이해되거나 기술이 가능한 방향을 제한하는 상황을 목표로 한다. 콘텐츠가 한 방향(예: 텔레비전)으로만 사용할 수 있는 특정 환경을 목표로 하는 경우 콘텐츠 방향을 제한할 수 있다. 가상 현실과 같은 기술은 사용자의 눈을 기준으로 방향을 변경할 수 없는 고글 내의 화면을 사용한다.

이점

• 지체 장애가 있는 사용자는 장치를 장착하여 고정된 방향으로 콘텐츠를 사용할 수 있다.
• 저시력 사용자는 자신에게 가장 적합한 방향으로 콘텐츠를 볼 수 있다. 예를 들어 가로 방향으로 콘텐츠를 보면 텍스트 크기가 커진다.

예제

• Example 1: 온라인 비디오 사이트
  비디오는 사용자가 선택한 방향에 따라 세로 또는 가로로 표시된다.
• Example 2: 메시징 웹사이트
  메시징 웹사이트에서는 세로 방향과 가로 방향 모두로 메시지를 표시할 수 있다.
• Example 3: 전자책(eReader) 웹 앱
  전자책 웹 앱은 책 내용을 세로 및 가로 방향으로 모두 표시할 수 있다.
• Example 4: 뱅킹 앱에서 입금 확인
  방향이 필수적인 예로는 예금 수표 이미지를 쉽고 정확하게 캡처하기 위해 기기를 가로 모드로 설정해야 하는 은행 앱이 있다. 이러한 종이 양식은 일반적으로 높이보다 너비가 두 배 정도 더 크다.
• Example 5: 피아노 앱
  방향이 필수적인 예로 피아노 건반을 기능적으로 사용할 수 있는 충분한 공간을 확보하기 위해 기기를 가로 모드로 설정해야 하는 피아노 앱이 있다. 피아노 앱은 키 사이의 상대적인 물리적 특성을 유지해야 하는 실제 피아노 키보드를 에뮬레이트하므로 사용 가능한 키가 너무 적거나 좁을 수 있다.

관련 자료

자료는 정보 제공 목적으로만 제공되며 보증을 암시하지 않는다.

• Managing Screen Orientation
• Using Media Queries
• Media Queries for Standard Devices
• Orientation Lock
• Responsive Design for Landscape Orientation
• The Orientation Descriptor
• The Screen Orientation API

기법

이 섹션에서 번호가 매겨진 각 항목은 WCAG 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 간주하는 기법 또는 기법의 조합을 나타낸다. 그러나 이러한 특정 기법을 사용할 필요는 없다. 다른 기법 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 기법 이해, 특히 "기타 기법" 섹션을 참고하라.

점검 규칙

다음은 이 성공 기준의 특정 측면에 대한 점검 규칙이다. WCAG 준수 여부를 확인하기 위해 이러한 특정 점검 규칙을 사용할 필요는 없지만 이것은 정의되고 승인된 검사 방법이다. 점검 규칙 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 점검 규칙 이해를 참고하라.

• Orientation of the page is not restricted using CSS transforms