# [[Web Content Accessibility Guidelines (WCAG)]] ## πŸ“Œ Brief Summary WCAG(μ›Ή μ½˜ν…μΈ  μ ‘κ·Όμ„± μ§€μΉ¨)λŠ” μ‹œκ°, 청각, μš΄λ™, 인지 μž₯μ• λ₯Ό ν¬ν•¨ν•œ λͺ¨λ“  μ‚¬μš©μžκ°€ μ›Ήμ‚¬μ΄νŠΈ 및 λͺ¨λ°”일 μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μ΄μš©ν•  수 μžˆλ„λ‘ W3Cμ—μ„œ κ°œλ°œν•œ 기술적 ν‘œμ€€μž…λ‹ˆλ‹€ [1-4]. 인식 κ°€λŠ₯, 운용 κ°€λŠ₯, 이해 κ°€λŠ₯, κ²¬κ³ ν•¨μ΄λΌλŠ” POUR 4λŒ€ 원칙을 기반으둜 κ΅¬μΆ•λ˜μ—ˆμœΌλ©° [5, 6], 미ꡭ의 ADA, 유럽의 EAA λ“± μ „ 세계 μ£Όμš” μ ‘κ·Όμ„± λ²•κ·œμ˜ μ€€μˆ˜ κΈ°μ€€μœΌλ‘œ 널리 ν™œμš©λ˜κ³  μžˆμŠ΅λ‹ˆλ‹€ [7, 8]. ## πŸ“– Core Content * **WCAG의 핡심 원칙 (POUR)** * **인식 κ°€λŠ₯ (Perceivable):** λͺ¨λ“  λΉ„ν…μŠ€νŠΈ μ½˜ν…μΈ (이미지, μ•„μ΄μ½˜ λ“±)에 λŒ€μ²΄ ν…μŠ€νŠΈ(alt text)λ₯Ό μ œκ³΅ν•˜κ³ , λΉ„λ””μ˜€ μ½˜ν…μΈ μ— μΊ‘μ…˜μ„ 포함해야 ν•©λ‹ˆλ‹€ [9-11]. λ˜ν•œ μ‹œλ ₯ μ €ν•˜ μ‚¬μš©μžλ₯Ό μœ„ν•΄ ν…μŠ€νŠΈμ™€ λ°°κ²½ κ°„μ˜ λͺ…μ•”λΉ„λ₯Ό μ΅œμ†Œ 4.5:1둜 μœ μ§€ν•˜μ—¬ μ½˜ν…μΈ λ₯Ό λͺ…ν™•νžˆ 식별할 수 μžˆλ„λ‘ ν•΄μ•Ό ν•©λ‹ˆλ‹€ [9, 12]. * **운용 κ°€λŠ₯ (Operable):** μ‚¬μš©μžκ°€ 마우슀 없이 ν‚€λ³΄λ“œλ§ŒμœΌλ‘œ 링크, λ²„νŠΌ, 양식 λ“± λͺ¨λ“  λŒ€ν™”ν˜• μš”μ†Œλ₯Ό μ‘°μž‘ν•  수 μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€ [9, 13]. WCAG 2.2μ—μ„œλŠ” λ³΅μž‘ν•œ λ“œλž˜κ·Έ λ™μž‘μ˜ λŒ€μ•ˆμ„ μ œκ³΅ν•˜κ³  ν‚€λ³΄λ“œ 초점(Focus)이 λ‹€λ₯Έ μ½˜ν…μΈ μ— μ˜ν•΄ κ°€λ €μ§€μ§€ μ•Šλ„λ‘ μš”κ΅¬ν•©λ‹ˆλ‹€ [14, 15]. * **이해 κ°€λŠ₯ (Understandable):** μ›Ήμ‚¬μ΄νŠΈ 탐색이 직관적이어야 ν•˜λ©° λͺ…ν™•ν•œ μ–Έμ–΄λ₯Ό μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€. 양식 μž‘μ„± μ‹œ λͺ…ν™•ν•œ λ ˆμ΄λΈ”κ³Ό 지침을 μ œκ³΅ν•˜κ³ , 였λ₯˜ λ°œμƒ μ‹œ μ‰½κ²Œ 볡ꡬ할 수 μžˆλŠ” μˆ˜λ‹¨μ„ λ§ˆλ ¨ν•΄μ•Ό ν•©λ‹ˆλ‹€ [16, 17]. * **견고함 (Robust):** 보쑰 기술(예: ν™”λ©΄ νŒλ…κΈ°)μ΄λ‚˜ λ‹€μ–‘ν•œ λΈŒλΌμš°μ € 및 κΈ°κΈ°μ—μ„œ μ½”λ“œκ°€ μ•ˆμ •μ μœΌλ‘œ 해석될 수 μžˆλ„λ‘ μ˜¬λ°”λ₯Έ μ‹œλ§¨ν‹± HTMLκ³Ό ARIA(Accessible Rich Internet Applications) 역할을 κ΅¬ν˜„ν•΄μ•Ό ν•©λ‹ˆλ‹€ [9, 18, 19]. * **버전 μ§„ν™” 및 μ€€μˆ˜ μˆ˜μ€€** * 2008λ…„μ˜ **WCAG 2.0**은 POUR μ›μΉ™μ˜ 기초λ₯Ό λ‹€μ‘Œκ³ , 2018λ…„μ˜ **WCAG 2.1**은 λͺ¨λ°”일 ν™˜κ²½, μ €μ‹œλ ₯ 및 인지 μž₯μ• λ₯Ό μœ„ν•œ 기쀀을 μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€ [20]. 2023년에 ν™•μ •λœ **WCAG 2.2**λŠ” 인지 μž₯μ• λ‚˜ μš΄λ™ μž₯μ•  μ‚¬μš©μžλ₯Ό 돕기 μœ„ν•΄ 'μ ‘κ·Ό κ°€λŠ₯ν•œ 인증(λΉ„λ°€λ²ˆν˜Έ μ•”κΈ° μ΅œμ†Œν™”)', '쀑볡 μž…λ ₯ λ°©μ§€', '초점 κ°€μ‹œμ„± ν–₯상' λ“±μ˜ 기쀀을 μƒˆλ‘­κ²Œ λ„μž…ν–ˆμŠ΅λ‹ˆλ‹€ [15, 21-23]. * μ€€μˆ˜ μˆ˜μ€€μ€ A(μ΅œμ†Œ μˆ˜μ€€), AA(κ°€μž₯ 보편적인 ꢌμž₯ 및 법적 μš”κ΅¬ μˆ˜μ€€), AAA(졜고 μˆ˜μ€€)둜 λ‚˜λ‰©λ‹ˆλ‹€. λŒ€λΆ€λΆ„μ˜ μ ‘κ·Όμ„± κ΄€λ ¨ λ²•κ·œμ™€ κΈ°μ—… 쑰달 μš”κ±΄μ—μ„œλŠ” **Level AA**λ₯Ό κΈ°μ€€μœΌλ‘œ μ‚Όκ³  μžˆμŠ΅λ‹ˆλ‹€ [24, 25]. * **법적 의무 및 λΉ„μ¦ˆλ‹ˆμŠ€ 효과** * 미ꡭ의 ADA 및 Section 508, μΊλ‚˜λ‹€μ˜ AODA, 유럽 접근성법(EAA) λ“± μ£Όμš” κΈ€λ‘œλ²Œ κ·œμ œλŠ” WCAG 2.1 AA 등을 법적 κΈ°μ€€μœΌλ‘œ μ±„νƒν•˜μ—¬ λ””μ§€ν„Έ μ ‘κ·Όμ„± λ―Έμ€€μˆ˜μ— λ”°λ₯Έ μ†Œμ†‘ μœ„ν—˜μ„ λ°©μ§€ν•  것을 μš”κ΅¬ν•©λ‹ˆλ‹€ [4, 7, 8, 26]. * μ›Ή 접근성을 μ€€μˆ˜ν•˜λ©΄ μž₯μ• μΈλΏλ§Œ μ•„λ‹ˆλΌ 느린 인터넷 μ‚¬μš©μž λ“± λͺ¨λ“  μ‚¬λžŒμ—κ²Œ 더 λ‚˜μ€ μ‚¬μš©μž κ²½ν—˜(UX)을 μ œκ³΅ν•  수 μžˆμŠ΅λ‹ˆλ‹€ [27]. λ˜ν•œ 검색 엔진은 접근성이 μš°μˆ˜ν•˜κ³  κ΅¬μ‘°ν™”λœ μ½˜ν…μΈ λ₯Ό μ„ ν˜Έν•˜λ―€λ‘œ, SEO μ„±κ³Ό 및 μ‚¬μš©μž μœ μ§€μœ¨(Retention) ν–₯상에 μ§μ ‘μ μœΌλ‘œ κΈ°μ—¬ν•©λ‹ˆλ‹€ [27, 28]. * **진단 및 μ΅œμ ν™” 도ꡬ** * 접근성을 μ κ²€ν•˜κ³  ν•΄κ²°ν•˜κΈ° μœ„ν•΄μ„œλŠ” Axe, WAVE, AudioEye 같은 μžλ™ν™”λœ μŠ€μΊ” λ„κ΅¬μ˜ μ‚¬μš©λΏλ§Œ μ•„λ‹ˆλΌ, ν™”λ©΄ νŒλ…κΈ°λ‚˜ ν‚€λ³΄λ“œ ν…ŒμŠ€νŠΈμ™€ 같은 인간 μ£Όλ„μ˜ μˆ˜λ™ 감사가 λ³‘ν–‰λ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€ [29, 30]. ## πŸ”— Knowledge Connections - **Related Topics:** [[POUR Principles]], [[Accessibility Compliance (ADA/EAA)]], [[Semantic HTML]], [[SEO Integration]] - **Projects/Contexts:** [[μ›Ήμ‚¬μ΄νŠΈ λ¦¬λ””μžμΈ 및 λͺ¨λ°”일 μš°μ„ μ£Όμ˜ UX μ΅œμ ν™” ν”„λ‘œμ„ΈμŠ€]], [[법적 규제 및 EAA 2025 마감 κΈ°ν•œ λŒ€μ‘ ν”„λ‘œμ νŠΈ]] - **Contradictions/Notes:** ν”ŒλŸ¬κ·ΈμΈ ν˜•νƒœλ‘œ μΆ”κ°€ν•˜λŠ” 이λ₯Έλ°” 'μ ‘κ·Όμ„± μ˜€λ²„λ ˆμ΄(quick fix μœ„μ ―)'λŠ” μ‰½κ²Œ μ ‘κ·Όμ„± 문제λ₯Ό ν•΄κ²°ν•΄ μ€€λ‹€κ³  ν™λ³΄λ˜μ§€λ§Œ, μ‹€μ œλ‘œλŠ” 근본적인 문제λ₯Ό ν•΄κ²°ν•˜μ§€ λͺ»ν•˜λ©° 였히렀 μ ‘κ·Όμ„± μ†Œμ†‘μ˜ λŒ€μƒ(전체 μ†Œμ†‘μ˜ μ•½ 22.6%λ₯Ό μ°¨μ§€)이 될 수 μžˆμœΌλ―€λ‘œ μ½”λ“œ λ ˆλ²¨μ—μ„œμ˜ 근본적인 μˆ˜μ •(Remediation)이 ν•„μš”ν•©λ‹ˆλ‹€ [31, 32]. --- *Last updated: 2026-04-26*