깜빡임은 최대한 사용하지 말자. 사용한다면 1초에 2번만!
기술설명
이 기술의 목적은 섬광(순간적으로 강하게 번쩍이는 빛) 또는 깜빡임으로 인한 발작현상을 피하기 위한 것입니다.
일부 사용자들 중에 화면을 확대하여 보는 분들이 있습니다. 그래서 크기에 상관없이 깜빡이는 콘텐츠는 1초에 3회 이하로 깜빡임을 제한해야 합니다.
[참고1] 1초에 3.5회가 임계 값이며, 그 이상 깜빡인다면 레벨 AA 성공 기준에 미치지 못합니다.
대부분의 콘텐츠에는 깜빡이는 효과가 없으며, 있다고 해도 아주 드물거나 빠르게 깜빡이지 않습니다.
성공 기준에 맞게 만들고 싶다면 콘텐츠가 1초에 1~2번, 최대한 3번만 깜빡이게 해야 합니다.
[참고2] 어둡다가 밝아지거나 밝다가 어두워지는 효과가 있는 경우. 그 과정이 7단계로 표현된다면 3.5번의 섬광이 있는 것과 같습니다. 이는 1초에 3번 깜빡인다는 기준을 넘어선 수치입니다.
3.5회 깜빡임 또는 7단계 전환의 예 (이렇게 하면 안 된다는 것입니다.):
'어두움-밝음-어두움-밝음-어두움-밝음-어두움-밝음' 순서로 변하면서 시작.
'밝음-어두움-밝음-어두움-밝음-어두움-밝음-어두움' 순서로 변하면서 시작
예시
번개가 번쩍이는 콘텐츠가 있습니다. 번개가 멈추지 않고 연속으로 2~3 깜빡이게 만들어졌습니다..
관련기술
G15: 콘텐츠가 일반 플래시 임계값 또는 빨간색 플래시 임계값을 위반하지 않는지 확인하는 도구 사용
점검절차
1. 1초 동안 깜빡임이 3번 이하인지 확인합니다.
2. 3번 이하로 깜빡이는 경우 1초간의 주기가 종료된 후 어둡거나 밝은 상태가 시작과 동일한지 확인해 봅니다..
모든 절차를 만족해야 합니다.
나의 정리
내용섬광이란 번개처럼 순간적으로 강하게 번쩍이는 빛을 말합니다.
일부 사람들은 강하고 빠르게 번쩍이는 빛을 장시간 보면 발작을 일으키기도 합니다.
그래서 이런 발작을 일으키지 않게 하기 위해 기준을 정했습니다.
번개처럼 깜빡이는 횟수를 '1초에 3회 이하'로 지정한 것입니다.
정확한 기준은 최대 '1초에 3.5회'를 넘으면 안 됩니다. 1초에 3.4회 이하는 괜찮다는 것입니다.
하지만 안정적인 서비스를 제공하기 위해서는 깜빡임은 '1초에 3회' 이하로 설정하는 것이 좋습니다.
예를 들어 보겠습니다.
영상에서 밝게 보였다가 어둡게 보이는 효과를 빠르게 연속적으로 보여준다면 이것도 깜빡이는 것에 포함됩니다.
1초 동안 '밝게 → 어둡게 → 밝게 → 어둡게 → 밝게 → 어둡게 → 밝게' 이렇게 변하였다면 이것은 '1초에 3.5회' 깜빡인 것이며, '1초에 3회 이하'라는 기준을 넘어선 것입니다.
이 기술을 점검할 때에는
- 첫 번째, 깜빡이는 요소가 1초에 3회 이하로 깜빡이는지 확인해야 합니다.
- 두 번째, 3번 이하로 깜빡이는 경우 1초간의 주기가 종료된 후 어둡거나 밝은 상태가 시작과 동일한지 해야 합니다.
두 번째 부분의 말이 조금 어렵네요. 예를 들어 보겠습니다.
글씨가 흰색에서 검은색으로 바뀌는 깜빡임을 주었습니다.
글자색이 1초 동안 '흰색 → 검은색 → 흰색 → 검은색 →흰색'으로 2.5회 깜빡였습니다.
그리고 처음에 흰색으로 시작해서 마지막 흰색으로 끝났습니다. 이런 상황이 되어야 한다는 설명이었습니다..
깜빡임은 최대한 사용하지 말자. 사용한다면 1초에 2번만!
G19: Ensuring that no component of the content flashes more than three times in any 1-second period
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G19.html
G19: Ensuring that no component of the content flashes more than three times in any 1-second period | Techniques for WCAG 2.0
The objective of this technique is to avoid flashing at rates that are known to cause seizures if the flashes are bright and large enough. Since some users may be using screen enlargers, this technique limits the flashing of any size content to no more tha
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G53] '링크가 포함된 문장의 텍스트'와 '링크 안에 있는 텍스트'는 링크의 목적을 설명해야 한다. (1) | 2024.01.30 |
|---|---|
| [웹접근성 지침-일반기술 G21] 사용자가 콘텐츠에 갇히지 않도록 해야 한다. (0) | 2024.01.25 |
| [웹접근성 지침-일반기술 G18] 텍스트(또는 이미지 텍스트)와 그 텍스트의 배경에 대한 명암비는 4.5:1이어야 한다 (1) | 2024.01.19 |
| [웹접근성 지침-일반기술 G17] 텍스트(또는 이미지 텍스트)와 그 텍스트의 배경에 대한 명암비는 7:1이어야 한다 (0) | 2024.01.17 |
| [웹접근성 지침-일반기술 G15] '깜박이는 콘텐츠' 또는 '깜빡이는 빨간색'은 정해진 '임계값'을 시켜야 한다. (1) | 2024.01.10 |
