들어가며#
WCAG 3.0 시리즈의 여섯 번째 글입니다. 이번 글은 **“웹을 넘어서”**라는 문장을 실제로 무엇을 의미하는지 정리해보려 합니다. 앞선 글에서 구조와 테스트, Assertions를 살펴봤다면, 이제는 **“어디까지가 범위인가”**를 분명히 해야 할 차례입니다.
중요: 이 글은 WCAG 3.0 Working Draft(2026-02-20)를 기준으로 작성되었습니다. Draft는 변경될 수 있으며, 글의 내용도 업데이트될 수 있습니다.
WCAG 3.0은 아직 완성된 표준이 아니라 진행 중인 Draft이며, 현재 표준은 WCAG 2입니다. 즉 “지금 당장 교체”가 아니라 “방향성과 준비”를 읽어야 하는 문서에 더 가깝습니다.
이 시리즈의 앞선 글들은 W3C가 GitHub에서 비공식으로 관리하던 Editor’s Draft를 기준으로 작성되었습니다. 그런데 2026년 2월 20일, W3C가 이 문서를 Working Draft로 공식 게시했습니다. Editor’s Draft보다 한 단계 진전된 상태로, 더 넓은 공개 검토가 가능해진 거죠. 이번 글부터는 이 Working Draft를 기준으로 작성합니다.
제작: Nanobanana
WCAG 2.2의 범위는 어디까지였나#
WCAG 2.2는 웹 콘텐츠를 대상으로 합니다. 다만 웹 콘텐츠가 놓이는 “기기”는 확실히 넓게 봅니다. 데스크톱, 노트북, 키오스크, 모바일 등 어떤 기기에서든 웹 콘텐츠에 적용된다는 선언이죠.
그러나 웹이 아닌 문서/소프트웨어를 다루는 데에는 한계가 있었습니다. 그래서 별도의 가이드인 WCAG2ICT가 필요했고, 그 문서가 WCAG 2를 비(非)웹 문서와 소프트웨어에 적용하는 방식을 설명해 왔습니다.
제작: Nanobanana
WCAG 3.0 Draft가 말하는 “확장된 범위”#
WCAG 3.0 Draft는 추상(abstract)에서 범위를 꽤 구체적으로 밝힙니다. 또한 WCAG 3.0 소개 문서의 요약에서는 **웹 콘텐츠와 앱(apps)**을 함께 언급합니다. 이 표현은 “웹 페이지 단위”를 넘어 디지털 경험 전반으로 시선이 이동하고 있음을 보여줍니다. 소개 문서에는 WCAG 3.0이 **웹 콘텐츠, 앱, 도구, 퍼블리싱, 그리고 웹의 새로운 기술(emerging technologies)**까지 다룬다고 적혀 있습니다.
핵심 포인트는 세 가지입니다.
대상 기기의 확장 데스크톱/노트북/태블릿/모바일을 넘어 웨어러블과 Web of Things 기기까지 포함합니다.
콘텐츠 유형의 확장 정적/동적/인터랙티브/스트리밍뿐 아니라 가상현실(VR)·증강현실(AR), **대체 접근 방식(Alternative access presentation and control)**까지 포함합니다.
도구 생태계까지 범위 확장 브라우저와 보조기기 같은 user agents뿐 아니라, CMS, 저작 도구, 테스트 도구 같은 관련 웹 도구까지 포함합니다.
제작: Nanobanana
실제로 Draft 문서의 Abstract에서 다음 내용을 확인할 수 있습니다.
These guidelines address the accessibility of web content on desktops, laptops, tablets, mobile devices, wearable devices, and other Web of Things devices. The guidelines apply to various types of web content, including static, dynamic, interactive, and streaming content; audiovisual media; virtual and augmented reality; and alternative access presentation and control. These guidelines also address related web tools such as user agents (browsers and assistive technologies), content management systems, authoring tools, and testing tools. (이 문서는 데스크톱, 노트북, 태블릿, 모바일, 웨어러블, Web of Things 기기에서의 웹 콘텐츠 접근성을 다룹니다. 정적·동적·인터랙티브·스트리밍 콘텐츠, 오디오비주얼 미디어, 가상현실·증강현실, 대체 접근 방식까지 다양한 콘텐츠 유형에 적용됩니다. 또한 브라우저·보조기기 같은 user agents, CMS, 저작 도구, 테스트 도구 같은 관련 웹 도구도 범위에 포함합니다.)
“웹을 넘어서”가 실무에서 의미하는 것#
범위가 확장된다는 말은 단순한 선언이 아니라, 팀의 체크리스트가 달라진다는 뜻입니다.
예를 들어 이런 질문들이 실무에서 자연스럽게 붙기 시작합니다.
- 모바일 앱에서도 “웹 수준의 접근성 기대”가 커지고 있지 않은가?
- 웨어러블처럼 화면이 작은 환경에서 정보 밀도와 조작 모델을 어떻게 평가할 것인가?
- XR 콘텐츠에서 “시각 중심 UI”는 어떻게 대체되거나 보완되는가?
- 콘텐츠를 만드는 CMS/저작 도구가 접근성 품질에 어떤 영향을 주는가?
- 테스트 도구가 새로운 상호작용 방식을 얼마나 따라가고 있는가?
이 지점이 WCAG 3.0의 메시지라고 생각합니다. “접근성은 웹 페이지 단위의 문제가 아니라, 디지털 경험 전체의 문제다.”
사진: Unsplash 의 Jakub Żerdzicki
키오스크와 “닫힌 기능(Closed Functionality)“의 현실#
Draft 범위 설명에 키오스크라는 단어가 직접 등장하지는 않습니다. 하지만 실무에서는 키오스크가 대표적인 “웹을 넘어서” 사례로 자주 등장합니다.
사진: Unsplash 의 Onesix
- 키오스크는 웹 콘텐츠를 제공하는 기기일 수 있고
- 동시에 보조기기 설치나 설정이 막힌 ‘닫힌 기능’ 환경인 경우가 많습니다
그래서 팀에서는 이런 질문이 생깁니다.
- “웹 기준을 그대로 들이대면 되는가?”
- “보조기기를 쓸 수 없는 환경이라면 대체 접근은 어떻게 마련해야 하는가?”
한국의 키오스크 접근성: 사회적 과제#
한국에서 키오스크 접근성은 지금 이 순간에도 진행 중인 사회적 과제입니다.
패스트푸드점, 카페, 영화관, 대중교통 시설까지… 키오스크 없이는 주문조차 어려운 환경이 일상이 되었습니다. 하지만 현실은 어떨까요? 시각장애인을 위한 음성 안내는 부족하고, 휠체어 사용자가 조작하기엔 화면 높이가 맞지 않으며, 고령자에게는 터치 인터페이스 자체가 낯설기만 합니다.
이런 문제를 해결하기 위해 디지털포용법이 2024년 12월 국회를 통과하고, 2026년 1월 22일부터 시행되었습니다. 이 법은 키오스크 제조·임대자에게도 접근성 의무를 부과하는 첫 기본법입니다. 기존에는 설치·운영자만 책임졌지만, 대부분의 매장이 기성품을 구매하거나 임대해 사용하는 현실을 반영한 거죠.
주요 내용을 정리하면 이렇습니다.
- 2025년 1월 28일부터: 50㎡ 이상 매장은 배리어프리 키오스크 설치 의무
- 2026년 1월 28일부터: 기존 키오스크도 접근성을 갖춘 것으로 교체 의무
- 제조자 의무: 음성 안내, 보조 인력 호출 기능, 배리어프리 기준 충족
- 미이행 시: 시정명령 후 최대 3,000만원 과태료
다만 장애계에서는 우려의 목소리도 있습니다. 기존에는 휠체어 접근성, 점자블록, 한국수어 지원 등 6가지 기준을 모두 충족해야 했는데, 개정 후에는 과기부 검증기준과 음성안내장치 설치 두 가지만 충족하면 되도록 완화되었기 때문입니다.
WCAG 3.0과 한국 키오스크의 접점#
이 지점에서 WCAG 3.0 Draft의 확장된 범위와, WCAG2ICT에서 축적된 비웹 적용 경험을 함께 보려는 이유가 생깁니다.
한국의 디지털포용법이 “제조·임대자까지 책임을 확장"한 것처럼, WCAG 3.0도 “도구 생태계까지 범위를 확장"하고 있습니다. 방향성이 비슷하죠.
즉, 키오스크는 “Draft 범위의 확장성"과 “비웹 현실”, 그리고 “각국의 법제도"가 동시에 겹치는 지점입니다. 한국에서 일하는 팀이라면 WCAG 3.0의 방향성과 함께 디지털포용법의 구체적 요건도 함께 챙겨야 할 이유가 여기에 있습니다.
웹이 아닌데 웹과 같은 UX#
또 하나 중요한 층위는 **“겉은 앱인데 속은 웹”**인 환경입니다.
이미지: Nanobanana AI로 생성
- 웹뷰 기반 앱
- 브라우저 기술로 만든 키오스크 UI
- 웹 기술로 만든 대형 스크린/전시 UI
이런 경우, 웹 콘텐츠의 원칙이 그대로 적용되기도 하고, 동시에 **기기 제약(입력 방식, 화면 크기, 고정된 환경)**이 추가되기도 합니다.
그래서 실무에서는 이렇게 정리하는 편이 안전합니다.
- 웹 콘텐츠로서의 기준을 먼저 적용하고
- 기기 제약을 반영한 대체 접근을 추가로 설계하기
“웹이냐 아니냐”보다 중요한 건 사용자가 실제로 접근 가능한가입니다.
WCAG 2.2 vs WCAG 3.0: 범위 비교 정리#
| 구분 | WCAG 2.2 | WCAG 3.0 Draft |
|---|---|---|
| 기본 대상 | 웹 콘텐츠 | 웹 콘텐츠 + 앱 경험(소개 문서 요약 기준) |
| 기기 범위 | 모든 기기의 웹 콘텐츠 | 웨어러블, Web of Things 포함 |
| 콘텐츠 유형 | 웹 콘텐츠 중심 | VR/AR, 스트리밍, 대체 접근까지 |
| 도구 범위 | 웹 콘텐츠 제작/소비 중심 | user agents, CMS, 저작 도구, 테스트 도구까지 |
| 비웹 대응 | WCAG2ICT 가이드로 보완 | 가이드라인 자체에 확장 범위 포함 |
이 표는 “완전한 확정”이 아니라, Draft의 방향성을 실무 관점으로 풀어 쓴 요약입니다.
지금 팀이 준비할 수 있는 일들#
Draft 상태라 해도, 준비할 수 있는 일은 있습니다.
조직 관점#
디지털 경험 범위 다시 정의하기 웹/앱/문서/디바이스를 하나의 접근성 범위로 바라보기
도구 체인 점검하기 CMS, 디자인 시스템, 테스트 도구가 접근성 품질에 어떤 영향을 주는지 기록하기
WCAG2ICT와의 연결 정리 비웹 영역이 있다면 WCAG2ICT 적용 경험을 먼저 정리해두기
제작: Nanobanana
프론트엔드 개발 관점#
WCAG 3.0의 확장된 범위는 개발자에게도 새로운 질문을 던집니다. 지금부터 준비해둘 만한 것들을 정리해봤습니다.
컴포넌트에 접근성 내장하기 버튼, 모달, 드롭다운 같은 공통 컴포넌트를 만들 때 접근성을 “나중에 추가"가 아니라 처음부터 내장하는 습관이 중요합니다. 디자인 시스템이 있다면 거기서부터 시작하세요. 한 번 잘 만들어두면 팀 전체가 혜택을 봅니다.
다양한 입력 방식 고려하기 마우스만 생각하면 안 됩니다. 키보드, 터치, 음성, 스위치 장치까지 다양한 입력 방식이 있어요. 특히 키보드 네비게이션과 포커스 관리는 기본 중의 기본입니다.
:focus-visible스타일링도 잊지 마세요.반응형을 넘어 적응형으로 WCAG 3.0은 웨어러블, IoT 기기까지 범위에 포함합니다. 당장 스마트워치용 UI를 만들 일은 없더라도, 극단적인 뷰포트에서도 콘텐츠가 사용 가능한지 점검하는 습관은 도움이 됩니다. 200% 확대, 400% 확대에서 레이아웃이 깨지지 않나요?
자동화 테스트에 접근성 포함하기 CI/CD 파이프라인에 axe, Lighthouse 같은 접근성 검사를 넣어두세요. 모든 문제를 잡진 못하지만, 회귀(regression)를 막는 안전망 역할은 충분히 합니다. Jest + jest-axe, Playwright + axe-core 조합도 좋습니다.
시맨틱 HTML 먼저, ARIA는 그 다음
<div>떡칠보다<button>,<nav>,<main>같은 시맨틱 요소가 먼저입니다. ARIA는 시맨틱 HTML로 해결 안 될 때 쓰는 거예요. “No ARIA is better than bad ARIA"라는 말이 괜히 있는 게 아닙니다.다크 모드, 고대비 모드 대응
prefers-color-scheme,prefers-contrast같은 미디어 쿼리를 활용해보세요. 사용자의 시스템 설정을 존중하는 UI는 접근성뿐 아니라 UX 전반에도 좋은 신호입니다.
정리하며#
WCAG 3.0 Draft가 말하는 “웹을 넘어서”는 범위의 확장이자 책임의 확장입니다. 앞으로 접근성은 더 이상 “웹팀의 체크리스트”가 아니라, 디지털 제품 전체의 품질 관리 항목이 될 가능성이 큽니다.
다음 글에서는 WCAG 2.2 조직이 WCAG 3.0으로 어떻게 옮겨갈지를 마이그레이션 전략 관점에서 정리해보겠습니다.
참조 자료#
- WCAG 3.0 Working Draft - W3C Working Draft (2026-02-20, 최신)
- WCAG 3.0 Latest Published Version - W3C 최신 게시 버전
- WCAG 3 Introduction - 개요 문서
- WCAG 2.2 - 현재 권고안
- WCAG2ICT - 비웹 ICT 적용 가이드
- 디지털포용법, 국회 본회의 통과 - 아시아경제
- 키오스크 임대자도 법적의무 진다…디지털포용법 시행 - 디지털데일리
- 장벽 없는 키오스크, 합리적 제도개선으로 장애인 정보접근권 강화 - 보건복지부
주의 사항: 이 글은 2026-02-20 WCAG 3.0 Working Draft를 기준으로 작성되었습니다. WCAG 3.0은 아직 개발 중이며, 최종 권고안 이전까지 내용이 변경될 수 있습니다. 최신 정보는 W3C 문서를 확인하시기 바랍니다.