Cert
UNIT · 2.2

WCAG 개요 및 POUR 원칙

WCAG Overview and POUR Principles

한국어 해설 KO

Original Text EN

WCAG 2.1/2.2의 4가지 POUR 원칙과 구조를 학습합니다.

Study the POUR principles and structure of WCAG 2.1/2.2.

학습 목표

WCAG의 목적과 W3C/WAI의 역할을 설명할 수 있다

POUR 4원칙을 나열하고 각각을 설명할 수 있다

WCAG의 계층 구조(원칙→지침→성공 기준→기법)를 이해한다

WCAG 2.0, 2.1, 2.2의 발전 과정을 설명할 수 있다

Learning Objectives

Explain the purpose of WCAG and the role of W3C/WAI

List and describe the four POUR principles

Understand the WCAG hierarchy: Principles → Guidelines → Success Criteria → Techniques

Describe the evolution from WCAG 2.0 to 2.1 to 2.2

WCAG의 위상과 역사

What WCAG Is and Where It Came From

WCAG(Web Content Accessibility Guidelines)는 W3C의 WAI(Web Accessibility Initiative)에서 개발한 웹 접근성 국제 표준으로, 웹 콘텐츠를 장애인이 사용할 수 있게 하는 기술적 기준을 제공합니다. WCAG 1.0(1999)에서 출발해 2.0(2008), 2.1(2018), 2.2(2023)로 발전했으며, 각 버전은 이전 버전과 하위 호환됩니다.

WCAG (Web Content Accessibility Guidelines) is the international web accessibility standard developed by the W3C's Web Accessibility Initiative (WAI), providing technical criteria for making web content accessible to people with disabilities. Starting from WCAG 1.0 (1999), it evolved through 2.0 (2008), 2.1 (2018), and 2.2 (2023), each backward-compatible.

WCAG 2.0은 ISO/IEC 40500 국제 표준으로도 채택되어, 전 세계 접근성 법률과 표준(Section 508, EN 301 549, KWCAG 등)의 공통 기반이 되었습니다. '웹' 지침이지만 원칙과 다수 기준은 문서·모바일 앱 등 비웹 ICT에도 준용됩니다(WCAG2ICT).

WCAG 2.0 was also adopted as international standard ISO/IEC 40500, making it the common foundation of accessibility laws and standards worldwide — Section 508, EN 301 549, KWCAG, and more. Though written for the web, its principles and many criteria are applied to non-web ICT such as documents and mobile apps (WCAG2ICT).

POUR — 인식 가능과 운용 가능

POUR — Perceivable and Operable

① 인식 가능(Perceivable): 정보와 UI 구성요소는 사용자가 인식할 수 있는 방식으로 제공되어야 합니다. 어떤 감각으로도 닿을 수 없는 정보는 존재하지 않는 것과 같습니다. 텍스트 대안(1.1), 시간 기반 미디어의 자막·대본(1.2), 적응 가능한 구조(1.3), 색상 대비와 구별 가능성(1.4)이 여기에 속합니다.

① Perceivable: information and UI components must be presentable in ways users can perceive — information no sense can reach might as well not exist. This covers text alternatives (1.1), captions and transcripts for time-based media (1.2), adaptable structure (1.3), and contrast and distinguishability (1.4).

② 운용 가능(Operable): UI 구성요소와 내비게이션은 조작 가능해야 합니다. 사용자가 수행할 수 없는 상호작용을 요구하면 안 됩니다. 키보드 접근(2.1), 충분한 시간(2.2), 발작 예방(2.3), 탐색 가능성(2.4), 다양한 입력 방식(2.5)이 포함됩니다.

② Operable: UI components and navigation must be operable — the interface cannot require an interaction the user cannot perform. This covers keyboard access (2.1), enough time (2.2), seizure prevention (2.3), navigability (2.4), and input modalities (2.5).

POUR — 이해 가능과 견고

POUR — Understandable and Robust

③ 이해 가능(Understandable): 정보와 UI의 조작 방법을 이해할 수 있어야 합니다. 읽기 쉬움과 언어 명시(3.1), 예측 가능한 동작(3.2), 입력 도움과 오류 처리(3.3)가 해당됩니다. 콘텐츠가 인식·조작 가능해도 이해할 수 없다면 사용할 수 없습니다.

③ Understandable: information and the operation of the UI must be understandable — readability and language declaration (3.1), predictable behavior (3.2), input assistance and error handling (3.3). Content that can be perceived and operated but not understood is still unusable.

④ 견고(Robust): 콘텐츠는 보조기술을 포함한 다양한 사용자 에이전트가 신뢰성 있게 해석할 수 있어야 합니다. 올바른 HTML 마크업과 name/role/value 노출(4.1)이 핵심이며, 기술이 발전해도 콘텐츠가 계속 접근 가능하도록 하는 미래 호환성의 원칙입니다.

④ Robust: content must be reliably interpretable by a wide variety of user agents, including assistive technologies. Proper HTML markup and exposing name/role/value (4.1) are central — a forward-compatibility principle keeping content accessible as technology evolves.

계층 구조와 버전별 변화

The Hierarchy and What Each Version Added

WCAG의 계층 구조: 4개 원칙(POUR) → 13개 지침(Guidelines) → 성공 기준(Success Criteria, A/AA/AAA 등급) → 충분 기법과 참고 기법. 성공 기준은 테스트 가능한 구체적 요구사항이고, 기법은 이를 달성하는 방법 예시(규범이 아닌 정보성)입니다. WCAG 2.2 기준 총 87개(2.0의 61개 + 2.1의 17개 + 2.2의 9개)이며, 2.2에서 4.1.1 구문 분석이 제거되었습니다.

WCAG's hierarchy: 4 Principles (POUR) → 13 Guidelines → Success Criteria (graded A/AA/AAA) → Sufficient and Advisory Techniques. Success criteria are specific, testable requirements; techniques are informative (non-normative) examples of how to meet them. WCAG 2.2 totals 87 criteria (61 from 2.0 + 17 from 2.1 + 9 from 2.2), with 4.1.1 Parsing removed in 2.2.

버전별 초점: 2.1은 모바일, 저시력, 인지 장애 사용자를 위한 기준을 추가했고(예: 리플로우, 텍스트 간격, 포인터 제스처), 2.2는 인지 접근성과 운동 접근성을 더 강화했습니다(예: 접근 가능한 인증, 포커스 가림 방지, 드래그 대안, 타깃 크기). 차기 WCAG 3(Silver)는 등급 체계 자체를 바꾸는 큰 개편으로 개발 중입니다.

Version focus: 2.1 added criteria for mobile, low-vision, and cognitive users (e.g., Reflow, Text Spacing, Pointer Gestures); 2.2 further strengthened cognitive and motor accessibility (e.g., Accessible Authentication, Focus Not Obscured, Dragging Movements, Target Size). WCAG 3 (Silver), a major overhaul rethinking the grading system itself, is under development.

단원 퀴즈

9문제 · 오답은 오답노트에 자동 저장됩니다

1

POUR 원칙에서 '키보드 접근성'은 어떤 원칙에 해당하는가?

2

WCAG를 개발하는 조직은?

3

POUR에서 '올바른 HTML 마크업과 ARIA 사용'은 어떤 원칙에 해당하는가?

4

WCAG의 '기법(Techniques)' 문서의 성격으로 옳은 것은?

5

WCAG 2.0이 채택된 국제 표준(ISO) 번호는?

6

WCAG 2.1이 특히 보강한 사용자 영역이 아닌 것은?

7

WCAG의 4대 원칙(POUR) 중 '견고성(Robust)'이 의미하는 것은?

8

WCAG 적합성 수준 A, AA, AAA에 대한 설명으로 옳은 것은?

9

온라인 쇼핑몰의 메가 메뉴가 마우스 호버로만 열리고 키보드로는 열 수 없습니다. POUR 중 어떤 원칙 위반이며 왜인가?

로드맵으로
로그인하면 학습 메모를 작성할 수 있습니다.

댓글

댓글을 불러오는 중...

댓글을 작성하려면 로그인이 필요합니다.