본문 바로가기
A11YKR Docs

2.2.2 일시정지, 중지, 숨김

(Level A)

요약

Section titled “요약”
목표
갱신되거나 움직이는 콘텐츠로 인해 주의가 분산되는 사용자를 줄인다.
할 일
다른 콘텐츠와 동시에 발생하는 콘텐츠 변화를 사용자가 제어할 수 있게 한다.
중요성
인지 장애 및 주의력 결핍이 있는 일부 사용자는 지속적인 움직임으로 인해 주의가 산만해진다.

성공 기준(SC)

움직임, 깜빡임, 스크롤, 자동으로 갱신되는 정보의 경우, 다음의 모든 조건을 충족해야 한다.

움직임, 깜빡임, 스크롤

(1) 자동으로 시작되고, (2) 5초 이상 지속되며, (3) 다른 콘텐츠와 동시에 제시되는 모든 움직임, 깜박임 또는 스크롤 정보에 대해, 사용자가 일시정지, 정지 또는 숨김을 할 수 있는 메커니즘이 있어야 한다. 단, 해당 움직임, 깜박임 또는 스크롤이 필수적인 활동의 일부인 경우는 예외로 한다.

자동 업데이트

(1) 자동으로 시작되고 (2) 다른 콘텐츠와 동시에 제시되는 모든 자동으로 갱신되는 정보에 대해, 사용자가 일시정지, 정지, 숨김을 하거나 갱신 빈도를 제어할 수 있는 메커니즘이 있어야 한다. 단, 자동 갱신이 필수적인 활동의 일부인 경우는 예외로 한다.

참고 1

깜박이거나 번쩍이는 콘텐츠와 관련된 요구사항은 지침 2.3을 참고하라.

참고 2

이 성공 기준을 충족하지 못하는 콘텐츠는 사용자가 전체 페이지 이용을 방해할 수 있으므로, 웹 페이지의 모든 콘텐츠는 (다른 성공 기준을 충족하는 데 사용되는지 여부와 관계없이) 이 성공 기준을 충족해야 한다. 준수 요구사항 5: 불간섭을 참고하라.

참고 3

소프트웨어에 의해 주기적으로 갱신되거나 사용자 에이전트로 스트리밍되는 콘텐츠는 일시정지의 시작 시점부터 재개 시점 사이에 생성되거나 수신된 정보를 보존하거나 표시할 필요가 없다. 이는 기술적으로 불가능할 수 있으며, 많은 상황에서 오해를 살 수 있기 때문이다.

참고 4

프리로드 단계 또는 유사한 상황에서 발생하는 애니메이션은 해당 단계에서 모든 사용자에게 상호작용이 불가능하고 진행 상황을 표시하지 않으면, 사용자가 혼란스러워하거나 콘텐츠가 정지되었거나 고장났다고 생각할 수 있는 경우 필수적인 것으로 간주할 수 있다.

의도

Section titled “의도”

“이 성공 기준의 목적은 사용자가 웹 페이지와 상호작용하는 동안 주의를 분산시키지 않는 것이다.

이 성공 기준의 맥락에서 “자동으로 시작한다”는 것은 사용자의 의도적인 활성화(예: 링크나 버튼 선택)의 직접적인 결과가 아닌 애니메이션/갱신을 광범위하게 가리킨다.

“움직임, 깜박임 및 스크롤”은 보이는 콘텐츠가 움직이는 느낌을 전달하는 콘텐츠를 의미한다. 일반적인 예로는 영상, 동기화된 미디어 프레젠테이션, 애니메이션, 실시간 게임, 스크롤 되는 주식 시세표 등이 있다. “자동 갱신”은 미리 설정된 시간 간격에 따라 갱신되거나 사라지는 콘텐츠를 의미한다. 일반적인 시간 기반 콘텐츠로는 자동으로 갱신되는 날씨 정보, 뉴스, 주가 갱신, 자동으로 진행되는 프레젠테이션 및 메시지 등이 있다. 움직임, 깜박임 및 스크롤 콘텐츠와 자동 갱신 콘텐츠에 대한 요구사항은 다음을 제외하고 동일하다.

  • 콘텐츠가 자동 갱신될 때 저작자는 사용자에게 갱신 빈도를 제어할 수 있는 수단을 제공할 수 있다.
  • 자동 갱신의 경우 5초 예외가 없다. 몇 초 동안 자동 갱신한 다음 중단하는 것은 의미가 없기 때문이다.

움직이거나 자동 갱신되는 콘텐츠는 정지된 텍스트를 빠르게 읽는 데 어려움이 있는 사람이나 움직이는 물체를 추적하는 데 어려움이 있는 사람 모두에게 장벽이 될 수 있다. 또한 스크린 리더에 문제를 일으킬 수도 있다.

움직이는 콘텐츠는 일부 사람들에게 심각한 방해가 될 수도있다. 특정 집단, 특히 주의력 결핍 장애가 있는 사람들은 깜박이는 콘텐츠가 주의를 산만하게 하여 웹 페이지의 다른 부분에 집중하기 어렵다고 느낀다. 5초로 지정된 이유는 사용자의 주의를 끌기에 충분히 길지만, 필요한 경우 사용자가 페이지를 사용하기 위해 기다릴 수 없을 정도는 아니기 때문이다.

일시정지된 콘텐츠는 실시간으로 재개되거나 사용자가 중단한 지점부터 계속 재생될 수 있다.

  • 사용자가 중단한 지점에서 일시정지하고 재개하는 것은 콘텐츠를 읽기 위해 일시정지하려는 사용자에게 가장 좋으며, 콘텐츠가 실시간 이벤트나 상태와 관련이 없을 때 가장 잘 작동한다.

    참고

    읽기 및 상호작용에 대한 시간 제한과 관련된 추가 요구사항은 2.2.1: 시간 제한 조정을 참고하라.

  • 일시정지 후 현시점의 정보로 이동하는 것(일시정지가 해제될 때)은 실시간 또는 “상태” 성격의 정보에 더 적합하다. 예를 들어, 기상 레이더, 주식 시세표, 교통 카메라 또는 경매 타이머의 경우, 일시정지로 인해 콘텐츠가 재시작될 때 오래된 정보를 표시하게 되면 오해를 일으키는 정보를 제공하게 된다.

    참고

    콘텐츠를 숨기는 것은 일시정지 후 현시점의 정보로 이동하는 것(일시정지가 해제될 때)과 동일한 결과를 가져온다.

메커니즘이 “사용자가 일시정지하는 메커니즘”으로 간주되려면, 사용자나 초점을 묶어두지 않아 페이지를 사용할 수 없게 만들지 않으면서 사용자에게 일시정지할 수 있는 수단을 제공해야 한다. 여기서 “일시정지”라는 단어는 “일시정지 버튼”의 의미로 사용되었지만, 버튼 외의 다른 메커니즘도 사용될 수 있다. 사용자가 초점을 두고 있는 동안에만 애니메이션이 멈추고 (사용자가 초점을 이동하면 즉시 다시 시작되는) 경우는 “사용자가 일시정지할 수 있는 메커니즘”으로 간주하지 않는다. 이는 그 과정에서 페이지를 사용할 수 없게 만들기 때문에 이 성공 기준을 충족하지 못한다.

참고

이 성공 기준은 특히 움직임, 깜박임, 스크롤, 자동 갱신되는 시각적 콘텐츠와 관련이 있다. 자동으로 시작되는 오디오 콘텐츠에 대해서는 1.4.2 오디오 제어를 참고하라.

의도적인 활성화(예: 버튼 활성화)의 결과가 아니라 일반적인 사용자 상호작용(예: 요소에 초점을 두거나/커서를 올리거나 페이지를 스크롤하는 것) 때문에 자동으로 시작되고, 일시정지, 정지 또는 숨김 방법을 제공하지 않는 움직임, 깜박임, 스크롤 콘텐츠는 이 기준을 충족하지 못하며, 잠재적으로 2.3.3 대화형 애니메이션도 충족하지 못한다.

“깜박임(blinking)“과 “번쩍임(flashing)“이라는 용어가 때때로 동일한 콘텐츠를 지칭할 수 있다는 점을 유의하는 것은 중요하다.

  • “깜박임”은 주의 산만 문제를 일으키는 콘텐츠를 의미한다. 깜박임은 멈추거나 (또는 멈출 수 있다면) 짧은 시간 동안 허용될 수 있다.
  • “번쩍임”은 발작을 유발할 수 있는 콘텐츠를 의미한다(초당 3회 이상이고 충분히 크고 밝은 경우). 이는 1초라도 허용될 수 없으며, 발작을 일으킬 수 있기 때문이다. 또한 번쩍임을 끄는 것은 선택사항이 아니다. 대부분의 사용자가 끌 수 있는 속도보다 먼저 발작이 발생할 수 있기 때문이다.
  • 깜박임은 보통 초당 3회 이상의 속도로 발생하지 않지만, 그럴 수도 있다. 깜박임이 초당 3회보다 빠르게 발생하면 번쩍임으로도 간주한다.

이점

Section titled “이점”
  • 5초 후에 깜박임을 멈추는 콘텐츠를 제공하거나 사용자가 깜박이는 콘텐츠를 멈출 수 있는 메커니즘을 제공하면 특정 장애가 있는 사람들이 웹 페이지와 상호작용할 수 있다.
  • 깜박이는 콘텐츠를 사용하는 한 가지 목적은 방문자의 주의를 해당 콘텐츠로 끌기 위한 것이다. 이는 시각이 있는 모든 사용자에게 효과적인 기법이지만, 지속될 경우 일부 사용자에게는 문제가 될 수 있다. 문해력이 낮은 사람, 읽기 및 지적 장애가 있는 사람, 주의력 결핍 장애가 있는 사람을 포함한 특정 집단의 경우, 깜박이는 콘텐츠로 인해 웹 페이지의 나머지 부분과 상호작용하는 것이 어렵거나 심지어 불가능할 수 있다.

예제

Section titled “예제”
필수 애니메이션을 활동에 영향을 주지 않고 일시정지할 수 있는 경우
웹사이트가 프로세스를 시연하는 애니메이션을 통해 사용자가 ‘사물의 작동 방식’을 이해하도록 돕는다. 애니메이션에는 “일시정지” 및 “재시작” 버튼이 있다.
주식 시세표

주식 시세표에 “일시정지” 및 “재시작” 버튼이 있다. 시세표를 일시정지하면 현재 표시된 주식에서 멈춘다. 재시작하면 시세표가 중단된 지점부터 다시 시작되지만 표시가 지연되었다는 알림이 표시된다. 주식 시세표의 의도는 보통 실시간 정보를 제공하는 것이므로, 시세표를 가장 최근에 거래된 주식으로 이동시키는 버튼이 있을 수 있다.

실시간 경쟁이 아닌 차례를 번갈아 가며 플레이하도록 설계된 게임
한 쪽이 게임을 일시정지해도 경쟁적 측면이 무효화되지 않는다.
웹 광고
광고가 시청자의 주의를 끌기 위해 깜박이지만 5초 후에 멈춘다.
양식 프롬프트
사용자가 양식 작성을 완료했지만 제출 버튼을 활성화하지 않으면 제출 버튼 근처에 화살표가 깜박인다. 깜박임은 5초 후에 멈춘다.
애니메이션
애니메이션이 페이지의 상단 부분에서 실행되지만 애니메이션 하단 근처에 “애니메이션 정지” 버튼이 있다.
”로딩” 애니메이션

재생이 시작되기 전에 대용량 파일의 특정 비율이 다운로드되어야 하는 페이지에 프리로드 애니메이션이 표시된다. 애니메이션은 페이지의 유일한 콘텐츠이며 사용자에게 동영상이 로드되는 동안 기다려 달라고 안내한다. 움직이는 콘텐츠가 다른 콘텐츠와 병렬로 제시되지 않기 때문에, 연결 속도가 느린 사용자의 경우 애니메이션이 5초 이상 실행되더라도 일시정지, 정지 또는 숨김 메커니즘을 제공할 필요가 없다.

전체 페이지 광고

사이트에서 모든 사용자가 사이트에서 제공하는 무료 콘텐츠에 액세스하기 전에 15초 광고를 시청하도록 요구한다. 광고 시청이 모든 사용자에게 요구사항이고 다른 콘텐츠와 동시에 제시되지 않기 때문에, 일시정지, 정지 또는 숨김 메커니즘을 제공할 필요가 없다.

기법

Section titled “기법”

이 섹션의 각 번호가 매겨진 항목은 접근성 지침 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 판단하는 기법 또는 기법의 조합을 나타낸다. 기법은 기준의 최소 요구 사항을 넘어설 수 있다. 이러한 기법에서 포괄하지 않은 기준 충족의 다른 방법이 있을 수 있다. 다른 기법 사용에 대한 정보는 WCAG 성공 기준에 대한 기법 이해, 특히 “기타 기법” 섹션을 참조하라.

충분 기법

Section titled “충분 기법”

오류

Section titled “오류”

다음은 접근성 지침 실무 그룹에서 이 성공 기준의 실패로 간주하는 일반적인 실수이다.

점검 규칙

Section titled “점검 규칙”

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

의견 남기기