2nd/00_Raw/Web Accessibility (WCAG).md

Web Accessibility (WCAG)

📌 Brief Summary

웹 접근성(Web Accessibility)과 WCAG(웹 콘텐츠 접근성 지침, Web Content Accessibility Guidelines)는 시각, 청각, 운동 및 인지 장애가 있는 사용자를 포함한 모든 사람이 웹사이트와 애플리케이션을 동등하게 이용할 수 있도록 보장하는 기술적 표준입니다 [1-3]. W3C에서 제정한 이 지침은 인식 가능(Perceivable), 운용 가능(Operable), 이해 가능(Understandable), 견고함(Robust)이라는 POUR의 4가지 핵심 원칙을 기반으로 합니다 [4, 5]. 미국의 ADA, 유럽의 EAA 등 대부분의 국가와 법률은 접근성 준수를 위해 WCAG 2.1 Level AA를 최소 기준으로 채택하고 있으며, 이를 준수하지 않을 경우 소송 등의 법적 위험과 브랜드 평판 손상이 발생할 수 있습니다 [3, 6, 7].

📖 Core Content

• WCAG의 등급과 진화 과정 WCAG는 A(최소 수준), AA(표준 요구 수준), AAA(최고 수준)의 세 가지 준수 등급으로 나뉩니다 [8, 9]. 대부분의 법적 기준은 Level AA를 요구합니다 [9]. 2018년에 발표된 WCAG 2.1은 모바일 사용자, 저시력자, 인지 장애 사용자를 위한 지침을 강화했으며, 2023년 10월에 발표된 최신 버전인 WCAG 2.2는 인지/학습 장애, 운동 장애 및 모바일 접근성을 위해 9개의 새로운 성공 기준을 도입했습니다 [10-12].

• 주요 준수 요구 사항 및 POUR 원칙

  • 인식 가능 (Perceivable): 시각적/청각적 제약이 있는 사용자를 위해 모든 비텍스트 콘텐츠(이미지, 아이콘 등)에 대체 텍스트(Alt Text)를 제공하고, 비디오 및 오디오 콘텐츠에는 캡션 및 트랜스크립트를 반드시 포함해야 합니다 [13-15]. 또한 텍스트와 배경 간의 최소 색상 대비율은 4.5:1(큰 텍스트는 3:1)을 유지해야 합니다 [13, 16].
  • 운용 가능 (Operable): 마우스를 사용할 수 없는 사용자를 위해 모든 상호 작용 요소와 탐색이 키보드만으로 가능해야 합니다 [13, 15, 17]. 특히 WCAG 2.2에서는 초점 표시기(Focus indicator)가 다른 콘텐츠에 가려지지 않아야 하며(Focus Not Obscured), 복잡한 드래그 동작 대신 더블 탭과 같은 대안을 제공해야 한다고 명시합니다 [11, 18, 19].
  • 이해 가능 (Understandable) & 견고함 (Robust): 복잡한 캡차(CAPTCHA)나 기억력에 의존하는 보안 질문 대신 접근 가능한 인증(Accessible Authentication) 방식을 제공해야 합니다 [20, 21]. 또한 ARIA(Accessible Rich Internet Applications) 라벨 및 역할을 올바르게 구현하여 스크린 리더와 같은 보조 기술이 동적 콘텐츠를 정확하게 해석할 수 있도록 해야 합니다 [13, 22].

• 최신 웹 아키텍처 및 UX와의 연관성 접근성 준수는 단순한 법적 의무를 넘어 전체적인 사용자 경험(UX)을 향상시키고 검색 엔진 최적화(SEO)에 직접적인 도움을 줍니다 [1, 23]. 시맨틱 HTML5 구조와 명확한 헤딩 계층 구조를 갖춘 웹사이트는 스크린 리더 사용자뿐만 아니라 검색 엔진 크롤러와 AI 검색 도구가 콘텐츠를 더 잘 이해하도록 돕습니다 [16, 24]. 개발자는 WAVE, axe와 같은 자동화된 접근성 스캔 도구와 NVDA, JAWS 등 스크린 리더를 통한 수동 테스트를 결합하여 디자인 및 개발 초기 단계부터 접근성을 내재화해야 합니다 [13, 25, 26].

🔗 Knowledge Connections

• Related Topics: User-Centered Design, Semantic HTML5, Search Engine Optimization (SEO), Mobile-First Responsive Design
• Projects/Contexts: Americans with Disabilities Act (ADA), European Accessibility Act (EAA), WCAG 2.2 Updates
• Contradictions/Notes: 소스에서는 웹사이트 접근성을 위해 "빠른 수정(quick fix)"을 약속하는 접근성 위젯이나 오버레이(Overlays) 플러그인이 실제로는 법적 보호를 완벽하게 보장하지 못한다고 경고합니다. 실제로 관련 소송의 22.6%가 이러한 접근성 위젯을 설치한 웹사이트를 대상으로 했으므로, 반드시 코드 수준(Code-level)에서의 근본적인 수정이 필요합니다 [22, 27, 28].

---

Last updated: 2026-04-26