[접근성연구·전정] 움직임이 불편한 사람들
화면은 점점 더 많이 움직인다. 스크롤하면 요소가 미끄러져 들어오고, 배너는 자동으로 넘어가고, 버튼은 부드럽게 커지고, 배경에는 영상이 흐른다. 이런 움직임은 화면을 생동감 있게 만들고, 사용자의 시선을 안내한다. 잘 쓰이면 분명한 장점이다. 그런데 그 움직임이 어떤 사용자에게는 불편을 넘어 신체적 증상이 되기도 한다.
![[접근성연구·전정] 움직임이 불편한 사람들](https://xbbhievqdmccsexxrdtn.supabase.co/storage/v1/object/sign/covers/content/q3suy24t-114317.jpeg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8yOWQwYWZmNy1mOWJhLTRkNmUtYmZlZi0yMzg2NTc0ZWUzODQiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJjb3ZlcnMvY29udGVudC9xM3N1eTI0dC0xMTQzMTcuanBlZyIsInNjb3BlIjoiZG93bmxvYWQiLCJpYXQiOjE3ODQ0NjU3OTgsImV4cCI6MjA5OTgyNTc5OH0.r5k7f5hgaU5x2X8LuYTMB4fn__W_BXIPS7vh9T-KhFw)
모션·깜빡임 줄이기 연구
〈디지털 접근성 연구 054〉 — 이 글은 규정이 아니라 하나의 연구 관점입니다. 인용 수치·기준은 출처와 함께, 미확정 영역은 그렇다고 밝혀 작성합니다.
들어가며
화면은 점점 더 많이 움직인다. 스크롤하면 요소가 미끄러져 들어오고, 배너는 자동으로 넘어가고, 버튼은 부드럽게 커지고, 배경에는 영상이 흐른다. 이런 움직임은 화면을 생동감 있게 만들고, 사용자의 시선을 안내한다. 잘 쓰이면 분명한 장점이다.
그런데 그 움직임이 어떤 사용자에게는 불편을 넘어 신체적 증상이 되기도 한다. 전정기관(평형 감각을 담당하는 기관)이 예민한 사용자에게 큰 화면 움직임은 멀미·어지럼·메스꺼움을 일으킬 수 있고(전정 장애, vestibular disorders), 빠르게 깜빡이는 화면은 광과민성 발작(photosensitive seizure)의 위험과 연결되기도 한다. 화면의 움직임이 단지 '취향'의 문제가 아니라 '안전'의 문제가 되는 지점이다.
이번 편은 화면의 모션과 깜빡임이 어떤 사용자에게 어떤 영향을 주는지, 그리고 접근성 기준이 이 문제를 어떻게 다루는지를 하나의 관점으로 살핀다. 이것은 의학적 진단의 영역이 아니며, 이 글은 화면 설계의 관점에서만 다룬다.
1. 움직임이 몸에 닿을 때
1-1. 전정 장애와 화면 멀미
전정기관은 우리 몸의 균형과 공간 감각을 담당한다. 이 기관이 예민하거나 장애가 있는 사용자는, 실제로 몸이 움직이지 않아도 화면 속 큰 움직임만으로 멀미와 비슷한 증상을 느낄 수 있다. 차를 타지 않았는데도 차멀미 같은 어지럼이 오는 셈이다.
특히 영향을 준다고 거론되는 움직임은 다음과 같다.
- 큰 폭의 패럴랙스(parallax) 스크롤 — 배경과 전경이 다른 속도로 움직이는 효과
- 화면 전체가 미끄러지는 전환 — 페이지가 크게 슬라이드되는 효과
- 확대·축소가 큰 줌(zoom) 애니메이션
- 자동으로 빠르게 넘어가는 배너·캐러셀
이런 움직임이 클수록, 그리고 사용자가 멈출 수단이 없을수록 부담이 커진다는 관찰이 있다.
1-2. 깜빡임과 광과민성
또 다른 위험은 '깜빡임(flashing)'이다. 화면이 빠르게 번쩍이면, 광과민성이 있는 사용자에게 발작을 유발할 수 있다는 점은 오래전부터 알려져 있다. 이것은 불편을 넘어 직접적인 건강 위험이므로, 접근성 기준에서도 비교적 엄격하게 다뤄진다.
2. 기준이 본 모션과 깜빡임
2-1. 깜빡임 — 세 번의 경계
WCAG에는 깜빡임을 직접 다루는 항목이 있다. 2.3.1 Three Flashes or Below Threshold는, 콘텐츠가 1초에 세 번을 초과해 번쩍이지 않도록 하거나, 번쩍임이 일정 임계값 아래에 있도록 다룬다(A 등급). 더 엄격한 2.3.2 Three Flashes(AAA)는 1초에 세 번 초과 번쩍임을 아예 금하는 방향이다 — 정확한 임계값·측정 방식은 기술적이므로 원문 확인이 안전하다.
'1초에 세 번'이라는 경계가 중요한 이유는, 그 빈도 부근에서 광과민성 발작 위험이 높아진다는 연구에 근거하기 때문이다. 즉 이 기준은 미적 판단이 아니라 안전을 위한 선이다.
2-2. 움직임 — 멈출 수 있어야 한다
자동으로 움직이는 콘텐츠에 대해서는 2.2.2 Pause, Stop, Hide가 있다. 자동으로 시작되어 5초를 초과해 움직이거나 깜빡이거나 스크롤되는 콘텐츠는, 사용자가 멈추거나(pause), 정지하거나(stop), 숨길(hide) 수단을 제공할 것을 다룬다(A 등급). 자동 재생 배너, 흐르는 텍스트, 자동 넘김 캐러셀이 여기에 해당한다.
핵심은 '움직이지 마라'가 아니라 '사용자가 멈출 수 있게 하라'다. 움직임 자체를 금지하기보다, 통제권을 사용자에게 주는 방향이다.
2-3. 상호작용으로 인한 움직임 — 줄일 수 있어야 한다
WCAG 2.1에서 추가된 2.3.3 Animation from Interactions(AAA)는, 스크롤 같은 사용자 동작에 의해 발생하는 움직임(패럴랙스 등)을 사용자가 끌 수 있도록 하는 방향을 다룬다. 이 항목은 전정 장애 사용자를 직접 염두에 둔 것으로 설명되곤 한다. 다만 AAA 등급이라는 점은, 의무의 강제 수준보다는 권장의 성격이 강함을 시사한다 — 적용 여부는 기준·정책에 따라 다르다.
모션·깜빡임과 직접 닿는 항목을 정리하면 다음과 같다.
| 항목 | 무엇을 다루나 | 등급 |
|---|---|---|
| 2.3.1 Three Flashes or Below | 1초 3회 초과 깜빡임 지양 | A |
| 2.3.2 Three Flashes | 1초 3회 초과 깜빡임 금지 | AAA |
| 2.2.2 Pause, Stop, Hide | 자동 움직임의 멈춤 수단 | A |
| 2.3.3 Animation from Interactions | 상호작용 모션 끄기 | AAA |
(인용) 위 항목 번호·등급은 WCAG 2.1을 정리한 것으로, 임계값·측정 방식은 기술적이라 버전에 따라 다를 수 있다. 깜빡임 기준(2.3.1)이 안전을 위한 선이라는 점에서 비교적 엄격하게 다뤄진다. 정확한 적용은 원문 확인이 안전하다.
3. 사용자의 선택을 존중하는 기술 — prefers-reduced-motion
3-1. 운영체제가 이미 묻고 있다
많은 운영체제와 브라우저는 사용자에게 '움직임 줄이기(reduce motion)' 설정을 제공한다. 사용자가 이 설정을 켜면, 시스템은 "이 사용자는 움직임을 줄이고 싶어 한다"는 신호를 화면에 전달한다. 웹에서는 이 신호를 prefers-reduced-motion이라는 미디어 쿼리로 읽을 수 있다.
이 신호가 켜진 사용자에게는 큰 애니메이션을 줄이거나 끄고, 부드러운 전환을 즉각적인 전환으로 바꾸는 식의 대응이 가능하다. 사용자가 이미 자신의 필요를 시스템에 밝혀 둔 셈이므로, 화면이 그 의사를 존중하는 일이다. 이것은 강제 규정이라기보다, 사용자의 선택을 화면이 받아들이는 협력의 방식에 가깝다.
3-2. 움직임을 끄면 정보가 사라지는가
여기서 주의할 점이 있다. 움직임을 줄이는 것이 정보를 줄이는 것이 되어서는 안 된다. 예를 들어 어떤 안내가 오직 애니메이션으로만 전달된다면, 움직임을 끈 사용자는 그 정보를 받지 못한다. 모션은 정보를 '강조'하는 데 쓰되, 정보 전달을 '전적으로' 모션에 기대지 않는 설계가 권장된다. 이 점은 042편(라이브 영역)·044편(색 비의존)에서 본 원리 — 한 가지 감각·채널에만 정보를 싣지 않는다 — 와 같은 뿌리다.
부담을 주는 움직임과, 그것을 다루는 방향을 관찰로 묶으면 다음과 같다.
| 움직임 유형 | 어떤 부담 | 다루는 방향 |
|---|---|---|
| 패럴랙스 스크롤 | 전정 멀미·어지럼 | prefers-reduced-motion으로 끄기 |
| 자동 넘김 배너·캐러셀 | 멈출 수 없는 움직임 | 일시정지·정지 수단 제공 |
| 빠른 깜빡임 | 광과민 발작 위험 | 1초 3회 경계 아래로 |
| 큰 줌·전환 | 피로·시선 흔들림 | 즉각 전환으로 대체 |
(관찰) 위 정리는 부담을 준다고 거론되는 움직임을 모은 것으로, 측정값이 아니라 경험적 관찰이다. 움직임이 클수록, 멈출 수단이 없을수록 부담이 커진다는 관찰이 있다.
4. 누구를 위한 배려인가 — 넓어지는 수혜
4-1. 전정 장애만의 문제가 아니다
모션을 줄이는 배려는 전정 장애 사용자에게서 출발하지만, 그 수혜는 더 넓다. 멀미에 약한 사람, 편두통이 있는 사람, 주의가 쉽게 흩어지는 사용자, 그리고 단지 과한 움직임이 피로하게 느껴지는 모든 사용자가 함께 편해진다. 자동으로 넘어가지 않는 배너는, 천천히 읽고 싶은 고령 사용자(앞선 고령 연구와 연결)에게도 도움이 된다.
4-2. 성능과도 만난다
큰 애니메이션은 기기에 부담을 주어, 저사양 기기나 느린 환경에서 화면을 버벅이게 만들 수 있다. 모션을 절제하는 설계는 그래서 성능·효율성의 관점과도 만난다. 한 가지 배려가 접근성과 성능 양쪽에 닿는, 익숙한 교차점이다.
모션 절제라는 한 가지 배려가 누구에게까지 닿는지 관점으로 정리한다.
| 닿는 사용자 | 무엇이 편해지나 | 맞닿는 영역 |
|---|---|---|
| 전정 장애·멀미 | 어지럼·메스꺼움 완화 | (출발점) |
| 편두통·광과민 | 발작·통증 위험 감소 | 안전 |
| 고령·천천히 읽는 사용자 | 자동으로 안 넘어감 | 고령 접근성 |
| 저사양·느린 기기 | 버벅임 감소 | 성능·효율성 |
(관점) 위 정리는 한 가지 배려의 수혜가 넓어지는 모습을 모은 것으로, 단정이 아니다. 모션 절제는 전정 장애에서 출발하지만 그 수혜는 더 멀리 번진다는 관점이 있다.
5. 반론·한계와 ViewCheck 관점
5-1. 가능한 반론과 우리가 인정하는 한계
모션을 절제하자는 이 관점에는 여러 반론이 있을 수 있다. 우리는 그 지적을 부정하지 않고, 한계를 먼저 적어 둔다.
| 가능한 반론 | 우리의 한계 인정 | 보완하는 태도 |
|---|---|---|
| 모션은 브랜드·생동감의 핵심이다 | 잘 쓰인 모션의 가치는 분명하다 | '금지'가 아니라 '멈출 수 있게'로 본다 |
| 전정 장애는 소수 아니냐 | 당사자 수 추정은 자료마다 다르다 | 멀미·편두통·고령까지 수혜가 넓다 |
| 임계값을 정확히 재기 어렵다 | 깜빡임 측정은 기술적이다 | 명백히 과한 움직임부터 다룬다 |
(관점) 위 반론은 이 영역의 논점을 정리한 것으로, 특정 기관의 평가가 아니다. 한계를 먼저 인정하는 편이 결론을 과신하지 않게 한다.
5-2. ViewCheck는 어디까지 보는가 — 사람과 도구의 분담
자동 점검은 자동 재생·애니메이션 요소나 prefers-reduced-motion 대응 여부 같은 신호를 훑을 수 있지만, '그 움직임이 실제로 부담이 되는가'는 결국 사람이 보고 느껴 봐야 드러난다.
| 점검 항목 | 자동 점검이 보는 것 | 사람이 봐야 하는 것 |
|---|---|---|
| 자동 움직임 | 자동재생·캐러셀 요소 유무 | 멈춤 수단이 실제로 작동하는지 |
| reduce-motion 대응 | 미디어쿼리 선언 유무 | 켰을 때 정보가 사라지지 않는지 |
| 깜빡임 | (자동 측정은 제한적) | 빠른 번쩍임이 있는지 |
(관점) 표의 구분은 도구와 사람의 역할 차이를 정리한 것으로, 특정 제품의 성능 수치가 아니다. 자동 점검 결과는 사람 검수를 줄이는 근거가 아니라, 어디를 사람이 더 봐야 하는지 가리키는 출발점에 가깝다.
한 장 요약
| 구분 | 내용 | 비고 |
|---|---|---|
| 전정 장애 | 큰 화면 움직임 → 멀미·어지럼 | 패럴랙스·큰 전환·자동 캐러셀 |
| 광과민성 | 빠른 깜빡임 → 발작 위험 | 안전 직결 문제 |
| 깜빡임 기준 | 1초 3회 초과 지양 (2.3.1) | 안전을 위한 경계 |
| 멈출 권리 | 자동 움직임에 일시정지·정지·숨김 (2.2.2) | 금지 아닌 통제권 |
| 사용자 선택 | prefers-reduced-motion 존중 | 시스템 신호 받아들이기 |
| 넓은 수혜 | 편두통·멀미·고령·저사양 기기 | 성능과도 만남 |
※ 위 표는 연구 관점의 요약입니다. WCAG/KWCAG 항목 번호·등급·임계값은 기준 버전에 따라 달라질 수 있으며, 의학적 판단은 본문의 범위를 벗어납니다.
맺으며
화면의 움직임은 그 자체로 나쁜 것이 아니다. 잘 쓰인 모션은 시선을 안내하고 화면에 생기를 준다. 문제는 그 움직임이 사용자의 통제를 벗어나, 멈출 수 없는 채로 몸에 닿을 때 생긴다. 어떤 사용자에게 큰 화면 움직임은 멀미가 되고, 빠른 깜빡임은 위험이 된다.
접근성 기준이 이 문제를 다루는 방식은 '움직이지 마라'가 아니라 '사용자가 멈출 수 있게, 줄일 수 있게 하라'였다. 깜빡임은 안전의 경계 아래로, 자동 움직임은 멈출 수 있게, 그리고 사용자가 이미 밝힌 '움직임 줄이기'의 뜻은 존중하는 방향. 그 바탕에는 통제권을 사용자에게 돌려준다는 원리가 흐른다.
그리고 그 배려의 수혜는 전정 장애 사용자를 넘어, 멀미에 약한 사람, 편두통이 있는 사람, 천천히 읽고 싶은 사람, 그리고 느린 기기를 쓰는 사람에게까지 번진다. 움직임을 절제하는 일은, 그래서 더 많은 사람을 화면에 머물게 하는 일이기도 하다.
다음 편 예고 (055): 〈자동 재생과 현기증〉 — 모션 점검 관점. 우리 화면의 자동 재생·움직임을 어떻게 점검할 수 있는지, 무엇을 보며 멈춤 수단을 확인할지를 다룬다.
참고한 공개 자료(출처):
- W3C, 「Web Content Accessibility Guidelines (WCAG) 2.1」 — 2.2.2 Pause·Stop·Hide, 2.3.1 Three Flashes or Below Threshold, 2.3.3 Animation from Interactions
- W3C, CSS Media Queries —
prefers-reduced-motion관련 명세 - 한국지능정보사회진흥원(NIA), 「한국형 웹 콘텐츠 접근성 지침(KWCAG)」 — 깜빡임·움직임 관련 항목
- Vestibular Disorders Association 등 전정 장애 관련 공개 자료
※ 위 자료의 항목 번호·등급·임계값은 개정·버전에 따라 달라질 수 있으며, 본문의 정리는 연구 관점의 요약입니다. 정확한 적용 기준은 각 출처의 원문 확인이 안전합니다.
관련 글
[접근성연구·디지털포용] 한 사람이 여러 벽을 동시에
앞 편(081)에서 디지털 포용이 여러 갈래의 사용자를 하나의 목표로 묶는다고 봤다. 그리고 끝에서 한 가지를 남겼다 — 현실의 한 사람은 여러 조건을 동시에 가질 수 있다고. 이 시리즈를 닫는 이번 편은 그 '겹침'을 정면으로 본다. 영역의 경계를 가로질러, 조건이 겹칠 때 접근성이 어떻게 더 가팔라지는지를 관찰한다.
[접근성연구·디지털포용] 디지털포용법이 말하는 '포용'
앞 편(080)에서 초고령사회라는 인구구조의 신호를 봤다. 그리고 끝에서 한 가지를 분명히 했다 — 디지털 격차는 고령에만 있는 것이 아니라고. 이번 편은 그 여러 갈래의 격차를 '디지털 포용(digital inclusion)'이라는 하나의 정책 틀에서 함께 본다. 이 시리즈는 그동안 사용자를 영역별로 나눠 다뤘다. 고령
[접근성연구·디지털포용] 초고령사회, 공공웹은 준비됐나
공공앱 세 편(077~079)으로 매체의 확장을 닫았다. 이제 시선을 한 번 더 넓힌다. 지금까지 이 시리즈는 주로 '한 사람이 화면 앞에서 겪는 어려움'을 다뤘다. 고령(001~014), 저시력(029~043), 키보드(047~049)처럼, 개별 사용자의 자리에서 벽을 봤다. 이번 묶음(080~082)은 그 시선을 거시