# [[ADA Website Compliance]] ## ๐Ÿ“Œ Brief Summary ADA ์›น์‚ฌ์ดํŠธ ๊ทœ์ • ์ค€์ˆ˜(ADA Website Compliance)๋Š” ๋ชจ๋“  ์‚ฌ์šฉ์ž๊ฐ€ ์žฅ์• (์‹œ๊ฐ, ์ฒญ๊ฐ, ์šด๋™, ์ธ์ง€ ๋“ฑ) ์—ฌ๋ถ€์™€ ๊ด€๊ณ„์—†์ด ์›น์‚ฌ์ดํŠธ, ๋ชจ๋ฐ”์ผ ์•ฑ ๋ฐ ๋””์ง€ํ„ธ ๋ฌธ์„œ์— ์›ํ™œํ•˜๊ฒŒ ์ ‘๊ทผํ•˜๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ฏธ๊ตญ ์žฅ์• ์ธ๋ฒ•(ADA)์—์„œ ์ •ํ•œ ๊ทœ์น™์„ ์ถฉ์กฑํ•˜๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค [1, 2]. ๋ฏธ๊ตญ ๋ฒ•๋ฌด๋ถ€(DOJ)๋Š” ๋””์ง€ํ„ธ ์ฝ˜ํ…์ธ ์˜ ์ ‘๊ทผ์„ฑ ๊ธฐ์ˆ  ํ‘œ์ค€์œผ๋กœ WCAG 2.1 Level AA๋ฅผ ์ตœ์†Œ ์š”๊ตฌ ์‚ฌํ•ญ์œผ๋กœ ์ฑ„ํƒํ•˜์˜€์œผ๋ฉฐ, ์ด๋ฅผ ์ค€์ˆ˜ํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ €ํ•˜๋Š” ๋ฌผ๋ก  ๋ฒ•์  ์†Œ์†ก ๋ฐ ๋ธŒ๋žœ๋“œ ํ‰ํŒ ํ•˜๋ฝ์˜ ์œ„ํ—˜์ด ๋”ฐ๋ฆ…๋‹ˆ๋‹ค [3-5]. ## ๐Ÿ“– Core Content **ADA์™€ WCAG์˜ ๊ด€๊ณ„** * ADA(๋ฏธ๊ตญ ์žฅ์• ์ธ๋ฒ•)๋Š” ์žฅ์• ์ธ์„ ๋ณดํ˜ธํ•˜๋Š” ๋ฏผ๊ถŒ๋ฒ•์ธ ๋ฐ˜๋ฉด, WCAG(์›น ์ฝ˜ํ…์ธ  ์ ‘๊ทผ์„ฑ ์ง€์นจ)๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ์ ‘๊ทผ์„ฑ ์žˆ๊ฒŒ ๋งŒ๋“œ๋Š” ์‹ค์งˆ์ ์ธ ๊ธฐ์ˆ ์  ๊ทœ์น™์ž…๋‹ˆ๋‹ค [6]. ADA ๊ทœ์ •์„ ์ค€์ˆ˜ํ•˜๊ณ  ๋ฒ•์  ์œ„ํ—˜์„ ํ”ผํ•˜๋ ค๋ฉด ๊ธฐ์—…๊ณผ ๊ธฐ๊ด€์€ ์ผ๋ฐ˜์ ์œผ๋กœ WCAG 2.1 Level AA ํ‘œ์ค€์„ ๋”ฐ๋ผ์•ผ ํ•ฉ๋‹ˆ๋‹ค [3, 5, 6]. **ํ•ต์‹ฌ ์š”๊ตฌ ์‚ฌํ•ญ ๋ฐ POUR ์›์น™** ์ตœ์‹  ์›น์‚ฌ์ดํŠธ ๊ตฌ์กฐ์™€ UX ์„ค๊ณ„๋Š” WCAG์˜ 4๊ฐ€์ง€ ํ•ต์‹ฌ ์›์น™์ธ POUR(Perceivable ์ธ์‹์˜ ์šฉ์ด์„ฑ, Operable ์šด์šฉ์˜ ์šฉ์ด์„ฑ, Understandable ์ดํ•ด์˜ ์šฉ์ด์„ฑ, Robust ๊ฒฌ๊ณ ์„ฑ)๋ฅผ ์ค€์ˆ˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [7, 8]. ์ด๋ฅผ ์ถฉ์กฑํ•˜๊ธฐ ์œ„ํ•œ ์ฃผ์š” ์‹ค๋ฌด ์ง€์นจ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. * **๋Œ€์ฒด ํ…์ŠคํŠธ(Alt Text) ์ œ๊ณต:** ํ™”๋ฉด ํŒ๋…๊ธฐ(Screen Reader) ์‚ฌ์šฉ์ž๊ฐ€ ์ฝ˜ํ…์ธ ์˜ ์˜๋ฏธ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ์ด๋ฏธ์ง€, ๋ฒ„ํŠผ, ์•„์ด์ฝ˜ ๋“ฑ ๋ชจ๋“  ๋น„ํ…์ŠคํŠธ ์š”์†Œ์— ์„ค๋ช… ํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [9]. ๋Œ€์ฒด ํ…์ŠคํŠธ ๋ˆ„๋ฝ์€ ๊ฐ€์žฅ ํ”ํ•˜๊ฒŒ ๋ฐœ์ƒํ•˜๋Š” WCAG ์œ„๋ฐ˜ ์‚ฌํ•ญ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค [10, 11]. * **ํ‚ค๋ณด๋“œ ํƒ์ƒ‰ ๋ณด์žฅ:** ๋งˆ์šฐ์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ์›น์‚ฌ์ดํŠธ์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ๊ณผ ์ƒํ˜ธ์ž‘์šฉ ์š”์†Œ๊ฐ€ ํ‚ค๋ณด๋“œ๋งŒ์œผ๋กœ ์ž‘๋™ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [12, 13]. * **์ถฉ๋ถ„ํ•œ ์ƒ‰์ƒ ๋Œ€๋น„:** ์ €์‹œ๋ ฅ ์‚ฌ์šฉ์ž๋‚˜ ์ƒ‰๋งน ์‚ฌ์šฉ์ž๊ฐ€ ์ฝ˜ํ…์ธ ๋ฅผ ์‰ฝ๊ฒŒ ์ฝ์„ ์ˆ˜ ์žˆ๋„๋ก ์ผ๋ฐ˜ ํ…์ŠคํŠธ ๊ธฐ์ค€ ์ตœ์†Œ 4.5:1์˜ ์ƒ‰์ƒ ๋Œ€๋น„ ๋น„์œจ์„ ์œ ์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [14]. * **๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ์บก์…˜:** ๊ต์œก์šฉ ๋ฐ ํ™๋ณด์šฉ์œผ๋กœ ์‚ฌ์ „ ๋…นํ™”๋œ ๋ชจ๋“  ๋น„๋””์˜ค ์ฝ˜ํ…์ธ ์—๋Š” ๋™๊ธฐํ™”๋œ ์ •ํ™•ํ•œ ํ์‡„ ์ž๋ง‰์ด๋‚˜ ์ž๋ง‰์„ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [9]. * **๋ช…ํ™•ํ•œ ๊ตฌ์กฐ ๋ฐ ํƒ์ƒ‰:** ์˜ฌ๋ฐ”๋ฅธ ์ œ๋ชฉ(Heading) ๊ณ„์ธต ๊ตฌ์กฐ(H1 โ†’ H2 โ†’ H3)๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์„ค๋ช…์ด ํฌํ•จ๋œ ๋งํฌ ํ…์ŠคํŠธ๋ฅผ ์ œ๊ณตํ•˜์—ฌ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•œ ์‚ฌ์šฉ์ž ์—ฌ์ •์„ ์„ค๊ณ„ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [14, 15]. **์›น์‚ฌ์ดํŠธ ๊ทœ์ • ์ค€์ˆ˜ ๋‹ฌ์„ฑ์„ ์œ„ํ•œ 4๋‹จ๊ณ„ ์›Œํฌํ”Œ๋กœ์šฐ** * **1๋‹จ๊ณ„. ๋””์ง€ํ„ธ ์ž์‚ฐ ๊ฐ์‚ฌ(Audit):** ์ž๋™ํ™”๋œ ์Šค์บ” ๋„๊ตฌ(์˜ˆ: Axe, WAVE)๋ฅผ ํ™œ์šฉํ•จ๊ณผ ๋™์‹œ์—, ํ‚ค๋ณด๋“œ ํ…Œ์ŠคํŠธ ๋ฐ ํ™”๋ฉด ํŒ๋…๊ธฐ ๊ฒ€์ฆ์„ ํ†ตํ•œ ์ˆ˜๋™ ๊ฐ์‚ฌ๋ฅผ ์ˆ˜ํ–‰ํ•˜์—ฌ ์ฃผ์š” ํŽ˜์ด์ง€์˜ ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ์‹๋ณ„ํ•ฉ๋‹ˆ๋‹ค [16, 17]. * **2๋‹จ๊ณ„. ๋ฌธ์ œ ํ•ด๊ฒฐ(Remediate):** ์‹๋ณ„๋œ ๋Œ€์ฒด ํ…์ŠคํŠธ ๋ˆ„๋ฝ, ๋ถˆ๋Ÿ‰ํ•œ ์ƒ‰์ƒ ๋Œ€๋น„, ์บก์…˜ ๋ถ€์žฌ, ํ‚ค๋ณด๋“œ ํŠธ๋žฉ ๋“ฑ ์˜ํ–ฅ๋ ฅ์ด ํฐ ๋ฌธ์ œ๋ฅผ ์ฝ”๋“œ ์ˆ˜์ค€์—์„œ ์šฐ์„ ์ ์œผ๋กœ ์ˆ˜์ •ํ•ฉ๋‹ˆ๋‹ค [18]. * **3๋‹จ๊ณ„. ํƒ€์‚ฌ ๊ณต๊ธ‰์—…์ฒด ๊ฒ€ํ† :** ์›น์‚ฌ์ดํŠธ ๋‚ด์— ํ†ตํ•ฉ๋œ ์„œ๋“œํŒŒํ‹ฐ ๊ฒฐ์ œ ํฌํ„ธ์ด๋‚˜ ๋“ฑ๋ก ์‹œ์Šคํ…œ ๋“ฑ์˜ ์™ธ๋ถ€ ๋„๊ตฌ ์—ญ์‹œ WCAG 2.1 AA ์ค€์ˆ˜๋ฅผ ๋ณด์žฅํ•˜๋Š”์ง€ ํ™•์ธํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [19]. * **4๋‹จ๊ณ„. ํŒ€ ๊ต์œก ๋ฐ ์œ ์ง€ ๊ด€๋ฆฌ:** ์ ‘๊ทผ์„ฑ์„ ๋‹จ๋ฐœ์„ฑ ํ”„๋กœ์ ํŠธ๊ฐ€ ์•„๋‹Œ ์ง€์†์ ์ธ ๊ฐœ๋ฐœ ํ”„๋กœ์„ธ์Šค๋กœ ํ†ตํ•ฉํ•˜๊ณ , ์ƒˆ๋กœ์šด ์ฝ˜ํ…์ธ ๋‚˜ ๊ธฐ๋Šฅ์ด ์ถ”๊ฐ€๋  ๋•Œ๋งˆ๋‹ค ๊ทœ์ • ์ค€์ˆ˜ ์—ฌ๋ถ€๋ฅผ ๊ฒ€ํ† ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค [20]. ## ๐Ÿ”— Knowledge Connections - **Related Topics:** [[WCAG 2.1 Level AA]], [[Web Accessibility]], [[POUR Principles]], [[Keyboard Navigation]] - **Projects/Contexts:** [[ADA Title II ๋””์ง€ํ„ธ ์ ‘๊ทผ์„ฑ ๊ทœ์ •]], [[์ ‘๊ทผ์„ฑ ์ค€์ˆ˜ ๊ฐ์‚ฌ ๋ฐ ๋ฌธ์ œ ํ•ด๊ฒฐ ์›Œํฌํ”Œ๋กœ์šฐ]] - **Contradictions/Notes:** ์†Œ์Šค์— ๋”ฐ๋ฅด๋ฉด ์ด๋ฅธ๋ฐ” '๋น ๋ฅธ ์ˆ˜์ •(quick fix)'์„ ์•ฝ์†ํ•˜๋Š” ์ ‘๊ทผ์„ฑ ์œ„์ ฏ์ด๋‚˜ ์˜ค๋ฒ„๋ ˆ์ด ๋„๊ตฌ๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฒ•์ ์œผ๋กœ ์™„๋ฒฝํžˆ ๋ณดํ˜ธํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ ์ ‘๊ทผ์„ฑ ์œ„์ ฏ์ด ์„ค์น˜๋œ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋Œ€์ƒ์œผ๋กœ ํ•œ ์†Œ์†ก์ด ๋‹ค์ˆ˜ ๋ฐœ์ƒํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๊ถ๊ทน์ ์ธ ๊ทœ์ • ์ค€์ˆ˜ ์ฑ…์ž„์€ ์ฝ”๋“œ๋ฅผ ๊ทผ๋ณธ์ ์œผ๋กœ ์ˆ˜์ •ํ•ด์•ผ ํ•˜๋Š” ๊ธฐ์—… ์ธก์— ์žˆ์Šต๋‹ˆ๋‹ค [10, 21]. --- *Last updated: 2026-04-26*