Completion 0%

Education > PC/모바일 웹 접근성 체크리스트

5.1.1 1초에 3회 이상 깜박거리는 콘텐츠를 제공하지는 않는가?

장애 유형

장애 유형
발작
오류 설명
  • 깜박거리는 콘텐츠는 광과민성경련 장애가 있는 사람에게 발작을 유발할 수 있음
  • 뿐만 아니라, 비장애인에게도 핵심 콘텐츠를 이해하는데 장애가 됨
  • 화면 해상도와 깜박거리는 빈도수, 색상 등에 따라 차이가 있을 수 있으나 일반적으로 1초에 3회 이상 깜박거리지 않아야 안전함.

오류 유형

번쩍거림이 심한 플래시 광고 배너

오류 예시
플레이넷 배너의 번쩍거림이 심함.
참고 이미지

해결 방법
1초에 3회 이상 번쩍거리지 않도록 배너 제작.

바른 예시

플래시 광고 배너 측정 결과 모든 구간이 PASS임

참고 이미지

모바일 환경에서 번쩍거림이 심한 플래시 광고 배너

오류 예시
플레이넷 배너의 번쩍거림이 심함.
참고 이미지
해결 방법
1초에 3회 이상 번쩍거리지 않도록 배너 제작.

주의 사항

깜빡임을 미리 경고하고 깜빡임을 중단할 수 있는 수단을 제공하면 오류 아님

평가 방법

PEAT를 사용하여 평가하며, 플래시 광고 배너의 경우 한 서비스에서 제공되는 모든 광고를 확인할 수 있도록 똑같은 광고가 다시 보일 때 까지 새로고침을 여러 번하여 확인

평가 도구
PEAT
평가 방법
  1. 발작 유발이 의심되는 페이지를 열고, PEAT의 Capture - Start Capture 메뉴를 선택한다.
  2. 선택 후 페이지를 열어놓은 브라우저를 Alt+Tab 등을 이용하여 활성화하면 동영상 캡쳐가 진행된다.
  3. 10초 가량 페이지가 깜빡이는 것을 지켜본 후 PEAT로 돌아와 정지버튼(■)을 눌러 동영상 캡쳐를 중지한다.
  4. Analyze Video 버튼(●)을 눌러 PEAT의 우상단 timeline에서 FAIL, CAUTION(FAIL) 영역으로 넘어서는 그래프가 있는지 확인한다. 넘어서는 그래프가 있으면 오류로 평가한다.
참고 이미지


발작을 유발할 수 있는 페이지를 PEAT에서 확인한 화면

모바일 환경의 페이지를 Firefox 도구 메뉴 User Agent Switcher, PEAT 로 평가

평가 도구
User Agent Switcher(파이어폭스 부가기능), PEAT
평가 방법
Firefox 도구 메뉴 User Agent Switcher 의 Defalut User Agent 설정으로 원하는 모바일 기기 환경을 선택한 후, PEAT를 활용해 PC환경에서의 평가와 동일하게 진행함

평가 도구 전체 설치 방법