feat: Wiki 지식 자산 업데이트 - UX Scenarios, Frontend, Game Design, Topics 추가 [2026-05-08]

10_Wiki/Topics/Frontend/Web Content Accessibility Guidelines (WCAG).md

@@ -1,9 +1,29 @@
+---
+id: wiki-2026-0508-web-content-accessibility-guidel
+title: Web Content Accessibility Guidelines (WCAG)
+category: 10_Wiki/Topics
+status: needs_review
+canonical_id: self
+aliases: []
+duplicate_of: none
+source_trust_level: A
+confidence_score: 0.92
+tags: [uncategorized]
+raw_sources: []
+last_reinforced: 2026-05-08
+github_commit: pending
+inferred_by: Claude Opus 4.7 (auto-normalize 2026-05-08)
+tech_stack:
+  language: unspecified
+  framework: unspecified
+---
+
 # [[Web Content Accessibility Guidelines (WCAG)|Web Content Accessibility Guidelines (WCAG]]
 
-## 📌 Brief Summary
+## 📌 한 줄 통찰 (The Karpathy Summary)
 웹 콘텐츠 접근성 지침(WCAG)은 모든 사용자가 디지털 콘텐츠와 인터페이스에 장벽 없이 접근할 수 있도록 보장하는 포괄적인 접근성 표준입니다 [1, 2]. 실무 CSS 및 UI/UX 설계에서 WCAG는 애니메이션의 움직임 제한, 텍스트 크기 확대의 보장, 색상 대비 준수 등을 규정하여 포용적이고 안전한 사용자 경험(UX)을 구축하는 핵심 기준이 됩니다 [2-4].
 
-## 📖 Core Content
+## 📖 구조화된 지식 (Synthesized Content)
 - **모션 및 애니메이션 제어 (WCAG 2.2)**
   과도한 애니메이션과 모션은 전정기관 장애(vestibular disorders)를 가진 사용자에게 불편함이나 발작을 유발할 수 있습니다 [4, 5]. 따라서 WCAG 2.2 지침은 모션을 미묘(subtle)하게 유지하고, 사용자가 애니메이션을 비활성화할 수 있는 설정(예: prefers-reduced-motion)을 제공할 것을 권장하며 이를 통해 포용적인 애니메이션 전략을 세울 수 있습니다 [1, 4, 5].
 - **반응형 유체 타이포그래피 (WCAG 1.4.4)**
@@ -11,10 +31,64 @@
 - **디자인 토큰과 색상 대비**
   디자인 시스템을 구축하고 디자인 토큰을 테스트할 때, 특히 색상 토큰(Color Tokens)은 명도 대비 비율(contrast ratio)이 WCAG 규정을 준수하는지 반드시 검증(Accessibility [[Testing|Testing]])을 거쳐야 합니다 [3, 8].
 
-## 🔗 Knowledge Connections
+## 🔗 지식 연결 (Graph)
 - **Related Topics:** [[반응형 디자인|반응형 디자인]], 애니메이션 (transition / keyframes), 유체 타이포그래피 (Fluid Typography), [[디자인 시스템 개념|디자인 시스템 개념]]
 - **Projects/Contexts:** 디자인 토큰([[Design Tokens|Design Tokens]]) 구축 및 테스트, 프론트엔드 실무 접근성 최적화
 - **Contradictions/Notes:** 소스 내에서 상충되는 정보는 없습니다. 다만, 반응형 유체 타이포그래피를 구현할 때 단순히 뷰포트 크기에만 의존하면 텍스트 확대 기능이 작동하지 않아 WCAG 1.4.4 지침을 위반하는 위험성이 발생하므로 설계 시 각별한 주의가 필요하다는 점이 강조됩니다 [2, 9].
 
 ---
-*Last updated: 2026-04-26*
+*Last updated: 2026-04-26*
+
+## 🤖 LLM 활용 힌트 (How to Use This Knowledge)
+
+**언제 이 지식을 쓰는가:**
+- *(TODO)*
+
+**언제 쓰면 안 되는가:**
+- *(TODO)*
+
+## 🧪 검증 상태 (Validation)
+
+- **정보 상태:** needs_review
+- **출처 신뢰도:** A
+- **검토 이유:** *(P-Reinforce Phase 1 자동 정규화. 본문 검증 필요.)*
+
+## 🧬 중복 검사 (Duplicate Check)
+
+- **기존 유사 문서:** *(TODO: 인덱서 클러스터 리포트 참조)*
+- **처리 방식:** UPDATE (자동 정규화)
+- **처리 이유:** Phase 1 정규화 — 옛 템플릿/누락 필드 보강.
+
+## ⚠️ 모순 및 업데이트 (Contradictions & Updates)
+
+- **과거 데이터와의 충돌:** 없음
+- **정책 변화:** 없음
+
+## 🕓 변경 이력 (Changelog)
+
+| 날짜 | 변경 내용 | 처리 방식 | 신뢰도 |
+|------|-----------|-----------|--------|
+| 2026-05-08 | P-Reinforce Phase 1 정규화 (frontmatter + 헤더 표준화) | UPDATE | A |
+
+## 💻 코드 패턴 (Code Patterns)
+
+**패턴 1:** *(TODO: 이 프로젝트 컨벤션 반영한 구조 스켈레톤)*
+
+```text
+# TODO
+```
+
+## 🤔 의사결정 기준 (Decision Criteria)
+
+**선택 A를 써야 할 때:**
+- *(TODO)*
+
+**선택 B를 써야 할 때:**
+- *(TODO)*
+
+**기본값:**
+> *(TODO)*
+
+## ❌ 안티패턴 (Anti-Patterns)
+
+- **[안티패턴]:** *(TODO: 무엇을 하면 안 되는가 + 이유 + 대신 무엇을)*