# [[WCAG]] ## ๐Ÿ“Œ Brief Summary WCAG(์›น ์ฝ˜ํ…์ธ  ์ ‘๊ทผ์„ฑ ์ง€์นจ, Web Content Accessibility Guidelines)๋Š” ์‹œ๊ฐ, ์ฒญ๊ฐ, ์šด๋™, ์ธ์ง€ ์žฅ์• ๊ฐ€ ์žˆ๋Š” ์‚ฌ์šฉ์ž๋ฅผ ํฌํ•จํ•œ ๋ชจ๋“  ์‚ฌ๋žŒ์ด ์›น์‚ฌ์ดํŠธ ๋ฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ํ‰๋“ฑํ•˜๊ฒŒ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก W3C์—์„œ ๊ฐœ๋ฐœํ•œ ๊ธฐ์ˆ  ํ‘œ์ค€์ž…๋‹ˆ๋‹ค [1-3]. ์ด๋Š” ์ธ์‹ ๊ฐ€๋Šฅ(Perceivable), ์šด์šฉ ๊ฐ€๋Šฅ(Operable), ์ดํ•ด ๊ฐ€๋Šฅ(Understandable), ๊ฒฌ๊ณ ํ•จ(Robust)์ด๋ผ๋Š” 4๊ฐ€์ง€ ํ•ต์‹ฌ ์›์น™(POUR)์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค [4, 5]. ํ˜„๋Œ€ ์›น ๋””์ž์ธ์—์„œ WCAG 2.1 ๋ฐ 2.2์˜ AA ๋ ˆ๋ฒจ ์ค€์ˆ˜๋Š” ํฌ์šฉ์ ์ธ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜(UX)์„ ์ œ๊ณตํ•  ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ „ ์„ธ๊ณ„ ์ฃผ์š” ๋””์ง€ํ„ธ ์ ‘๊ทผ์„ฑ ๋ฒ•๋ฅ ์„ ์ถฉ์กฑํ•˜๊ธฐ ์œ„ํ•œ ํ•„์ˆ˜ ์š”๊ฑด์œผ๋กœ ์ž‘์šฉํ•ฉ๋‹ˆ๋‹ค [6-9]. ## ๐Ÿ“– Core Content * **WCAG์˜ 4๋Œ€ ํ•ต์‹ฌ ์›์น™ (POUR):** * **์ธ์‹ ๊ฐ€๋Šฅ(Perceivable):** ๋ชจ๋“  ๋น„ํ…์ŠคํŠธ ์ฝ˜ํ…์ธ (์ด๋ฏธ์ง€, ์•„์ด์ฝ˜ ๋“ฑ)์— ๋Œ€ํ•œ ๋Œ€์ฒด ํ…์ŠคํŠธ(Alt text) ์ œ๊ณต, ๋ฏธ๋””์–ด ์บก์…˜ ๋ฐ ์˜ค๋””์˜ค ์„ค๋ช… ํฌํ•จ, ์‹œ๋ ฅ์ด ๋‚ฎ์€ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ํ…์ŠคํŠธ์™€ ๋ฐฐ๊ฒฝ ๊ฐ„ ์ตœ์†Œ 4.5:1์˜ ์ถฉ๋ถ„ํ•œ ์ƒ‰์ƒ ๋Œ€๋น„ ์ œ๊ณต ๋“ฑ์ด ์š”๊ตฌ๋ฉ๋‹ˆ๋‹ค [10-13]. * **์šด์šฉ ๊ฐ€๋Šฅ(Operable):** ๋งˆ์šฐ์Šค ์—†์ด ํ‚ค๋ณด๋“œ๋งŒ์œผ๋กœ ๋ชจ๋“  ์ƒํ˜ธ ์ž‘์šฉ์ด ๊ฐ€๋Šฅํ•ด์•ผ ํ•˜๋ฉฐ, ์‹œ๊ฐ„ ์ œํ•œ์ด ์žˆ๋Š” ์ž‘์—…์€ ์ผ์‹œ ์ •์ง€ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [10, 13, 14]. * **์ดํ•ด ๊ฐ€๋Šฅ(Understandable):** ๋‹จ์ˆœํ•˜๊ณ  ๋ช…ํ™•ํ•œ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋‚ด๋น„๊ฒŒ์ด์…˜์˜ ์ผ๊ด€์„ฑ์„ ์œ ์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํผ ์ž‘์„ฑ ์‹œ ์˜ค๋ฅ˜๋ฅผ ์‰ฝ๊ฒŒ ๋ฐœ๊ฒฌํ•˜๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ช…ํ™•ํ•œ ๋ ˆ์ด๋ธ”๊ณผ ์ง€์นจ์„ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [13, 15]. * **๊ฒฌ๊ณ ํ•จ(Robust):** ARIA(Accessible Rich Internet Applications) ์—ญํ• ๊ณผ ๋ ˆ์ด๋ธ”์„ ์‚ฌ์šฉํ•˜์—ฌ ์Šคํฌ๋ฆฐ ๋ฆฌ๋”์™€ ๊ฐ™์€ ๋ณด์กฐ ๊ธฐ์ˆ ์ด ๋™์  ์ฝ˜ํ…์ธ ๋ฅผ ์ œ๋Œ€๋กœ ํ•ด์„ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [10, 13, 16]. * **WCAG ๋ฒ„์ „๊ณผ ์ง„ํ™”:** * **WCAG 2.0 (2008):** POUR์˜ ๊ธฐ๋ณธ ํ•ต์‹ฌ ์ ‘๊ทผ์„ฑ ์›์น™์„ ๋„์ž…ํ–ˆ์Šต๋‹ˆ๋‹ค [17]. * **WCAG 2.1 (2018):** ๋ชจ๋ฐ”์ผ ๊ธฐ๊ธฐ ์‚ฌ์šฉ์ž, ์ €์‹œ๋ ฅ์ž, ์ธ์ง€ ์žฅ์•  ์‚ฌ์šฉ์ž์˜ ์ ‘๊ทผ์„ฑ์„ ๊ฐ•ํ™”ํ•˜๊ธฐ ์œ„ํ•œ ๊ธฐ์ค€์ด ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค [17, 18]. * **WCAG 2.2 (2023):** ์ด 9๊ฐœ์˜ ์ƒˆ๋กœ์šด ์„ฑ๊ณต ๊ธฐ์ค€์„ ๋„์ž…ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ดˆ์ ์ด ๋‹ค๋ฅธ ์ฝ˜ํ…์ธ ์— ์˜ํ•ด ๊ฐ€๋ ค์ง€์ง€ ์•Š๋„๋ก ํ•˜๋Š” ๊ธฐ์ค€(Focus Not Obscured), ๋ณต์žกํ•œ ๋“œ๋ž˜๊ทธ ๋™์ž‘ ๋Œ€์‹  ๋‹จ์ˆœํ•œ ํƒญ์„ ํ—ˆ์šฉํ•˜๋Š” ๊ธฐ์ค€(Dragging Movements), ์•”๊ธฐ์— ์˜์กดํ•˜์ง€ ์•Š๋Š” ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ์ธ์ฆ ๋ฐฉ์‹(Accessible Authentication), ํผ์˜ ์ค‘๋ณต ์ž…๋ ฅ ๋ฐฉ์ง€(Redundant Entry) ๋“ฑ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค [17-23]. * **WCAG ์ค€์ˆ˜ ๋ ˆ๋ฒจ (A, AA, AAA):** * **Level A:** ์ ‘๊ทผ์„ฑ์˜ ์ตœ์†Œ ๊ธฐ์ค€์œผ๋กœ, ํ…์ŠคํŠธ ๋Œ€์ฒด๋‚˜ ํ‚ค๋ณด๋“œ ์ง€์› ๋“ฑ ๊ฐ€์žฅ ๋ช…๋ฐฑํ•œ ์žฅ๋ฒฝ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค [24]. * **Level AA:** ๊ฐ€์žฅ ๋ณดํŽธ์ ์œผ๋กœ ์š”๊ตฌ๋˜๋Š” ํ‘œ์ค€ ๋ ˆ๋ฒจ์ž…๋‹ˆ๋‹ค. ์ƒ‰์ƒ ๋Œ€๋น„, ๋ช…ํ™•ํ•œ ํผ ๋ ˆ์ด๋ธ” ๋“ฑ์„ ํฌํ•จํ•˜๋ฉฐ, ๋ฏธ๊ตญ์˜ ADA Section 508, ์˜๊ตญ์˜ Equality Act, ์œ ๋Ÿฝ์˜ EAA ๋“ฑ ๋Œ€๋ถ€๋ถ„์˜ ๊ทœ์ œ์—์„œ ์ด ์ˆ˜์ค€์˜ ์ค€์ˆ˜๋ฅผ ์š”๊ตฌํ•ฉ๋‹ˆ๋‹ค [1, 2, 8, 9, 24]. * **Level AAA:** ์ˆ˜ํ™” ํ†ต์—ญ ๋“ฑ ๊ฐ€์žฅ ์—„๊ฒฉํ•œ ๊ธฐ์ค€์„ ์ถฉ์กฑํ•˜๋Š” ์ตœ๊ณ  ์ˆ˜์ค€์ž…๋‹ˆ๋‹ค [24]. * **ํ˜„๋Œ€ ์›น ๊ตฌ์กฐ ๋ฐ ๋น„์ฆˆ๋‹ˆ์Šค์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ:** * WCAG๋ฅผ ์ค€์ˆ˜ํ•˜๋Š” ๊ฒƒ์€ ๋‹จ์ˆœํžˆ ์œค๋ฆฌ์ , ๋ฒ•์  ์š”๊ตฌ ์‚ฌํ•ญ์„ ์ถฉ์กฑํ•˜๋Š” ๊ฒƒ์— ๊ทธ์น˜์ง€ ์•Š๊ณ , ๊ฒ€์ƒ‰ ์—”์ง„(SEO) ์ตœ์ ํ™”์— ์œ ๋ฆฌํ•˜๋ฉฐ ๋ชจ๋“  ์‚ฌ์šฉ์ž(๋А๋ฆฐ ์ธํ„ฐ๋„ท ์‚ฌ์šฉ์ž๋ถ€ํ„ฐ ์ผ์‹œ์  ์žฅ์• ๊ฐ€ ์žˆ๋Š” ์‚ฌ์šฉ์ž๊นŒ์ง€)์—๊ฒŒ ํ–ฅ์ƒ๋œ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค [1, 25-27]. ## ๐Ÿ”— Knowledge Connections - **Related Topics:** [[Web Accessibility]], [[ADA Website Compliance]], [[User Experience (UX)]], [[Inclusive Design]] - **Projects/Contexts:** [[European Accessibility Act (EAA) 2025]], [[Website Redesign and Business Growth]] - **Contradictions/Notes:** ์ผ๋ถ€ ์กฐ์ง์—์„œ ์ ‘๊ทผ์„ฑ ์˜ค๋ฒ„๋ ˆ์ด๋‚˜ ๋น ๋ฅธ ์ˆ˜์ •(Quick Fix) ์œ„์ ฏ์„ ๋„์ž…ํ•˜์—ฌ ๊ทœ์ œ๋ฅผ ์ค€์ˆ˜ํ•˜๋ ค ํ•˜์ง€๋งŒ, ์†Œ์Šค๋Š” ์ด๋Ÿฌํ•œ ์œ„์ ฏ์ด ๊ทผ๋ณธ์ ์ธ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜์ง€ ์•Š์•„ ์‹ค์ œ๋กœ ๋ฒ•์  ์†Œ์†ก์˜ ๋Œ€์ƒ์ด ๋œ ์‚ฌ๋ก€๋“ค์„ ์–ธ๊ธ‰ํ•˜๋ฉฐ ์›น์‚ฌ์ดํŠธ ์ž์ฒด ์ฝ”๋“œ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ ‘๊ทผ์„ฑ์„ ๊ตฌํ˜„ํ•ด์•ผ ํ•œ๋‹ค๊ณ  ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค [28, 29]. --- *Last updated: 2026-04-26*