6.3.1 깜빡임과 번쩍임 사용 제한

요구 사항

깜빡이거나(blinking) 번쩍이는(flashing) 콘텐츠로 발작이 일어나지 않도록 초당 3~50회 주기의 깜빡임·번쩍임을 제공하지 않습니다. 10인치 이상 화면(태블릿, PC 모니터, 무인 안내기 등)에서는 특히 주의합니다.

• 번쩍이는 콘텐츠: 초당 3~50회 번쩍이는 콘텐츠가 10인치 이상 화면에서 차지하는 면적의 합이 화면 전체의 10%를 넘지 않아야 합니다.
• 깜빡이는 콘텐츠: 초당 3~50회 깜빡이게 만든 콘텐츠는 깜빡임을 정지시킬 수 있어야 합니다.
• 번쩍이는 시간 제한: 번쩍이는 시간을 3초 미만으로 제한하면 발작을 예방하면서도 콘텐츠의 중요성을 알릴 수 있습니다.

왜 필요한가요

광과민성 증후가 있는 사용자는 빠른 번쩍임에 노출되면 발작을 일으킬 수 있으며, 특히 초당 20회 부근의 번쩍임이 위험하다고 알려져 있습니다. 주의집중에 어려움이 있는 사용자에게도 지속적인 번쩍임은 큰 방해가 됩니다.

도움받는 사용자

• 광과민성 증후가 있는 사용자
• 주의집중에 어려움이 있는 사용자
• 학습장애인·저시력 사용자

적용 방법

번쩍이는 효과가 필요하면 초당 3회 미만으로, 3초 미만 동안만 사용합니다. 움직임 줄이기 설정을 존중해 애니메이션을 끕니다.

.alert-blink { animation: blink 1s steps(2) 3; } /* 초당 1회, 3번만 */
@media (prefers-reduced-motion: reduce) {
  .alert-blink { animation: none; }
}

사례

<p class="alert-blink">마감 임박</p>

<video autoplay loop src="strobe.mp4" class="fullscreen-bg"></video>

자주 하는 실수

• 이벤트 배너가 초당 여러 번 번쩍이는 GIF를 사용합니다.
• 경고 문구가 빠르게 깜빡이고 멈출 수 없습니다.
• 영상 콘텐츠에 강한 섬광 장면이 계속 나옵니다.

검사 방법

• 깜빡이거나 번쩍이는 콘텐츠의 주기를 측정합니다(필요하면 PEAT 같은 광과민성 분석 도구 사용).
• 초당 3~50회 범위라면 면적(10% 이하), 지속 시간(3초 미만), 정지 수단 조건을 확인합니다.

다른 지침의 대응 항목