접근성이 중요한 이유와 WCAG 수준

웹 접근성이란 장애가 있는 사람이 웹을 인식하고 이해하며 탐색하고 상호작용할 수 있도록 보장하는 것을 의미합니다:

• 시각 장애 — 전맹, 저시력, 색각 이상
• 운동 장애 — 마우스를 사용할 수 없음
• 청각 장애 — 청각 상실
• 인지 장애 — 난독증, ADHD, 기억력 문제

접근성이 중요한 이유는 여러 가지입니다:

• 인권 — 누구나 웹에 접근할 권리가 있습니다
• 법적 요건 — ADA, Section 508, EU 접근성 법
• 사업적 근거 — 전 세계 인구의 15%인 10억 명이 장애를 가지고 있습니다
• 검색 엔진 최적화 — 접근 가능한 사이트는 검색 순위가 더 높은 경우가 많습니다
• 모두에게 더 나은 사용자 경험 — 경사로 효과: 자막은 시끄러운 환경에서 도움이 됩니다

WCAG(웹 콘텐츠 접근성 지침)는 월드 와이드 웹 컨소시엄이 발표한 웹 접근성 국제 표준입니다:

• 현재 버전: WCAG 2.1(널리 채택됨), WCAG 2.2(2023)
• WCAG 3.0은 개발 중입니다
• 4가지 원칙인 POUR로 구성됩니다

WCAG는 네 가지 핵심 원칙을 기반으로 합니다. 콘텐츠는 다음 조건을 충족해야 합니다:

• P — 인식 가능: 사용자가 정보를 인식할 수 있어야 합니다
• O — 조작 가능: 사용자가 인터페이스를 조작할 수 있어야 합니다
• U — 이해 가능: 콘텐츠를 이해할 수 있어야 합니다
• R — 견고함: 현재와 미래의 보조 기술에서 콘텐츠가 작동해야 합니다

WCAG에는 세 가지 준수 수준이 있습니다:

• A 수준 — 최소 수준이며 반드시 충족해야 합니다. 충족하지 않으면 주요 사용자 집단이 배제됩니다.
• AA 수준 — 대부분의 웹사이트에 권장되며, 대부분의 법률에서 요구합니다
• AAA 수준 — 이상적이지만 필수는 아니며, 기준이 매우 높습니다

필수 A 수준 요구 사항:

• 모든 이미지에 대체 텍스트가 있습니다
• 모든 오디오에 대본 또는 자막이 있습니다
• 콘텐츠가 초당 3회보다 많이 깜박이지 않습니다(발작 위험)
• 사용자가 움직이는 콘텐츠를 일시 중지하거나 중지하거나 숨길 수 있습니다
• 모든 기능을 키보드로 사용할 수 있습니다

AA 수준 요구 사항(표준 목표):

• 텍스트 대비 비율이 최소 4.5:1입니다
• 사용자 인터페이스의 포커스 표시가 보입니다
• 텍스트를 200%로 확대해도 레이아웃이 깨지지 않습니다
• 양식에 적절한 레이블이 있습니다
• 오류 메시지가 오류를 식별하고 설명합니다
• 페이지 전체에서 탐색 방식이 일관됩니다

AAA 수준 요구 사항(지향 목표):

• 텍스트 대비 비율이 최소 7:1입니다
• 오디오에 수어 통역을 제공합니다
• 읽기 수준이 중학교 3학년보다 높지 않습니다
• 인지 부담을 최소화합니다
• 세션 시간 제한을 끌 수 있습니다

전 세계의 웹 접근성 법률:

• USA — ADA(미국 장애인법), Section 508(연방)
• EU — 유럽 접근성 법(EAA) — 2025년 시행
• UK — 2010년 평등법, 공공 부문 규정
• 캐나다 — AODA, ACA
• 호주 — DDA(장애 차별 금지법)

접근 가능한 사이트는 모두에게 도움이 됩니다:

• 자막은 시끄러운 환경에서 도움이 됩니다
• 좋은 색상 대비는 밝은 햇빛 아래에서 도움이 됩니다
• 키보드 탐색은 숙련 사용자에게 도움이 됩니다
• 명확한 언어는 해당 언어가 모국어가 아닌 사용자에게 도움이 됩니다
• 사용자의 15%가 장애를 가지고 있어 상당한 시장을 형성합니다

접근 가능한 사이트를 만들기 시작하는 방법:

1. 시맨틱 HTML 요소를 올바르게 사용합니다
2. 키보드로 확인합니다: 마우스 없이 사이트를 사용할 수 있습니까?
3. WebAIM 대비 검사기로 대비 비율을 확인합니다
4. 의미 있는 모든 이미지에 대체 텍스트를 추가합니다
5. 라이트하우스 접근성 감사를 실행합니다
6. 무료 화면 낭독기(NVDA 또는 VoiceOver)로 확인합니다

접근성 법률에서 가장 일반적으로 요구하는 WCAG 준수 수준은 무엇입니까?

WCAG의 핵심:

• POUR: 인식 가능, 조작 가능, 이해 가능, 견고함
• A 수준 — 최소 수준이며 반드시 통과해야 함
• AA 수준 — 권장되며 대부분의 법률에서 요구함
• AAA 수준 — 이상적이지만 사이트 전체에 필수는 아님
• 시맨틱 HTML, 키보드 탐색, 대체 텍스트부터 시작