자동으로 움직이는 콘텐츠 일시 중지, 정지, 숨기기

콘텐츠가 저절로 움직인다면 사용자가 빠져나올 방법이 필요합니다. WCAG에서는 자동으로 움직이는 콘텐츠에 대해 일시 중지, 중지 또는 숨기기를 요구합니다. ⏸️

캐러셀, 자동으로 넘어가는 슬라이드쇼, 스크롤되는 알림 문구, 반복되는 배경 동영상을 생각해 보세요. 사용자의 동작 없이 애니메이션이 실행되면 모두 여기에 해당합니다.

이 기준은 다른 콘텐츠와 함께 5초 넘게 지속되는 움직임을 대상으로 합니다. 짧은 도입 애니메이션은 제외됩니다.

움직이는 콘텐츠는 주의를 빼앗고, 인지 또는 움직임에 민감한 사용자에게는 읽는 것 자체가 불가능할 수 있습니다. 제어권을 제공하면 페이지를 다시 사용할 수 있게 됩니다.

가장 간단한 해결책은 실제 일시 중지 버튼을 제공하는 것입니다. 사용자가 캐러셀을 멈추고 편안하게 슬라이드 내용을 다 읽을 수 있게 하세요.

일시 중지는 다시 시작할 수 있지만, 중지는 움직임을 완전히 끝냅니다. 사용자가 실제로 제어할 수 있다면 둘 중 어느 것이든 규칙을 충족합니다.

때로는 사용자가 움직이는 요소를 통째로 숨길 수 있게 하는 것이 가장 좋습니다. 알림 문구에 닫기 제어를 제공하면 방해 요소를 완전히 제거할 수 있습니다.

캐러셀은 사용자가 그 위에 마우스를 올리거나 탭 키로 초점을 이동했을 때도 일시 중지해야 합니다. 읽거나 상호작용하는 동안 자동 전환과 충돌하지 않게 하기 위해서입니다.

일시 중지 버튼 자체도 명확한 이름이 있는 키보드 접근 가능 요소여야 합니다. 아무도 찾을 수 없는 제어 기능은 없는 것과 같습니다.

무엇보다 움직임을 줄인 사용자에게는 자동 재생을 하지 마세요. 설정 확인과 눈에 보이는 일시 중지 제어를 함께 사용하세요.

솔직히 많은 캐러셀은 자동 전환을 아예 사용하지 않을 때 더 잘 작동합니다. 사용자가 자신의 속도로 클릭해 넘기게 하면 문제가 사라집니다.

자동으로 움직이는 콘텐츠에는 사용자가 제어하는 일시 중지, 중지 또는 숨기기 기능이 필요합니다. 키보드로 접근할 수 있게 하고, 움직임이 줄어든 경우 자동 재생을 건너뛰세요. ✅