WCAG(์›น ์ฝ˜ํ…์ธ  ์ ‘๊ทผ์„ฑ ์ง€์นจ)๋Š” ๋‹ค์–‘ํ•œ ์ˆ˜์ค€์˜ ๋Šฅ๋ ฅ๊ณผ ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ๋“ค์„ ํฌํ•จํ•˜์—ฌ ๋ชจ๋“  ์‚ฌ๋žŒ์ด ์›น์‚ฌ์ดํŠธ, ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜, ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ๋“ฑ์˜ ๋””์ง€ํ„ธ ์ฝ˜ํ…์ธ ์— ์ ‘๊ทผํ•˜๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•œ ์ผ๋ จ์˜ ๊ตญ์ œ ์ง€์นจ ๋ฐ ํ‘œ์ค€์„ ๋งํ•ฉ๋‹ˆ๋‹ค. ์›น ์ ‘๊ทผ์„ฑ์— ๋Œ€ํ•œ ์„ธ๊ณ„ ์ตœ๊ณ ์˜ ๊ถŒ์œ„์ž์ธ ์›”๋“œ ์™€์ด๋“œ ์›น ์ปจ์†Œ์‹œ์—„(W3C)์ด ๊ฐœ๋ฐœํ•œ WCAG ์ง€์นจ์€ ์‹œ๊ฐ, ์ฒญ๊ฐ, ์ธ์ง€, ์–ธ์–ด ๋ฐ ํ•™์Šต ์žฅ์• ๋ฅผ ํฌํ•จํ•œ ๋‹ค์–‘ํ•œ ์žฅ์• ๋ฅผ ๋‹ค๋ฃจ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

WCAG์˜ ๋ชฉ์ ์€ ์›น์„ ๋”์šฑ ํฌ์šฉ์ ์ด๊ณ  ์‚ฌ์šฉ์ž ์นœํ™”์ ์œผ๋กœ ๋งŒ๋“œ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ „ ์„ธ๊ณ„ ์ธ๊ตฌ์˜ 51% ์ด์ƒ์ด ์ธํ„ฐ๋„ท์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ์—…๊ณผ ๊ฐœ๋ฐœ์ž๋Š” ๋””์ง€ํ„ธ ์ ‘๊ทผ์„ฑ์ด ๋„๋•์  ์ฑ…์ž„์ผ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋งŽ์€ ๊ด€ํ• ๊ถŒ์—์„œ ๋ฒ•์  ๋ฐ ๊ทœ์ œ ์š”๊ฑด์ด๊ธฐ๋„ ํ•จ์„ ์ธ์‹ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋งฅ๋ฝ์—์„œ WCAG ๊ทœ์ • ์ค€์ˆ˜๋Š” ์ž ์žฌ์ ์ธ ์†Œ์†ก์„ ํ”ผํ•˜๊ณ , ๋ฏธ๊ตญ ์žฅ์• ์ธ๋ฒ•์„ ์ค€์ˆ˜ํ•˜๊ณ , ์œ ๋Ÿฝ ์—ฐํ•ฉ์˜ ์›น ์ ‘๊ทผ์„ฑ ์ง€์นจ์„ ์ค€์ˆ˜ํ•˜๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค.

WCAG๋Š” POUR(Perceivable, Operable, Understandingable, Robust)๋กœ ์•Œ๋ ค์ง„ ๋„ค ๊ฐ€์ง€ ์ฃผ์š” ์›์น™์„ ์ค‘์‹ฌ์œผ๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค. ๊ณ„์ธตํ™”๋œ ์ ‘๊ทผ ๋ฐฉ์‹์— ๋”ฐ๋ผ ๊ฐ ์›์น™์€ ํŠน์ • ๊ถŒ์žฅ ์‚ฌํ•ญ, ํ…Œ์ŠคํŠธ ๊ฐ€๋Šฅํ•œ ์„ฑ๊ณต ๊ธฐ์ค€ ๋ฐ ์ ‘๊ทผ์„ฑ ์š”๊ตฌ ์‚ฌํ•ญ์„ ์ถฉ์กฑํ•˜๊ธฐ ์œ„ํ•œ ๊ธฐ์ˆ ์„ ์ œ๊ณตํ•˜๋Š” ์—ฌ๋Ÿฌ ์ง€์นจ์œผ๋กœ ๋ถ„๋ฅ˜๋ฉ๋‹ˆ๋‹ค.

์ธ์ง€ ๊ฐ€๋Šฅ(Perceivable)์ด๋ž€ ์‚ฌ์šฉ์ž์˜ ๊ฐ๊ฐ ๋Šฅ๋ ฅ์— ๊ด€๊ณ„์—†์ด ์‚ฌ์šฉ์ž๊ฐ€ ์ธ์ง€ํ•˜๊ณ  ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ์‹์œผ๋กœ ํ‘œ์‹œ๋˜์–ด์•ผ ํ•˜๋Š” ๋””์ง€ํ„ธ ์ฝ˜ํ…์ธ  ๋ฐ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์„ฑ ์š”์†Œ์— ๋Œ€ํ•œ ํ•„์š”์„ฑ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ด๋ฏธ์ง€ ๋ฐ ๊ธฐํƒ€ ํ…์ŠคํŠธ๊ฐ€ ์•„๋‹Œ ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•œ ํ…์ŠคํŠธ ๋Œ€์•ˆ ์ œ๊ณต, ์˜ค๋””์˜ค ๋ฐ ๋น„๋””์˜ค ์ž๋ฃŒ์— ๋Œ€ํ•œ ์บก์…˜ ๋ฐ ๋Œ€๋ณธ ์ œ๊ณต, ์‰ฝ๊ฒŒ ์ฝ์„ ์ˆ˜ ์žˆ๋„๋ก ํ…์ŠคํŠธ์™€ ๋ฐฐ๊ฒฝ ๊ฐ„์˜ ์ ์ ˆํ•œ ๋Œ€๋น„ ๋น„์œจ ๋ณด์žฅ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์ž‘๋™ ๊ฐ€๋Šฅ ํ•˜๋‹ค๋Š” ๊ฒƒ์€ ์‚ฌ์šฉ์ž๊ฐ€ ์šด๋™ ๋Šฅ๋ ฅ์ด๋‚˜ ์ž…๋ ฅ ๋ฐฉ๋ฒ•์— ๊ด€๊ณ„์—†์ด ์‰ฝ๊ฒŒ ์›น ์‚ฌ์ดํŠธ๋‚˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ํƒ์ƒ‰ํ•˜๊ณ  ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•จ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋Š” ์ ์ ˆํ•œ ํ‚ค๋ณด๋“œ ํƒ์ƒ‰์„ ๋ณด์žฅํ•˜๊ณ , ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ˜์‘ํ•˜๊ณ  ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ถฉ๋ถ„ํ•œ ์‹œ๊ฐ„์„ ์ œ๊ณตํ•˜๊ณ , ๋ฐœ์ž‘ ์œ ๋ฐœ์„ ๋ฐฉ์ง€ํ•˜๊ณ , ๋ชจ๋“  ํŽ˜์ด์ง€์—์„œ ํƒ์ƒ‰์„ ์˜ˆ์ธก ๊ฐ€๋Šฅํ•˜๊ณ  ์ผ๊ด€๋˜๊ฒŒ ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ดํ•ดํ•  ์ˆ˜ ์žˆ์œผ๋ ค๋ฉด ์‚ฌ์šฉ์ž์˜ ๋‹ค์–‘ํ•œ ์ธ์ง€, ์–ธ์–ด ๋ฐ ํ•™์Šต ๋Šฅ๋ ฅ์„ ๊ณ ๋ คํ•˜์—ฌ ๋””์ง€ํ„ธ ์ฝ˜ํ…์ธ ๊ฐ€ ๋ช…ํ™•ํ•˜๊ณ  ์˜ˆ์ธก ๊ฐ€๋Šฅํ•˜๋ฉฐ ์†Œํ™”ํ•˜๊ธฐ ์‰ฌ์›Œ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋ฒ” ์‚ฌ๋ก€์—๋Š” ๊ฐ„๋‹จํ•˜๊ณ  ๊ฐ„๊ฒฐํ•œ ์–ธ์–ด ์‚ฌ์šฉ, ๋ช…ํ™•ํ•œ ์ง€์นจ ์ œ๊ณต, ์˜ค๋ฅ˜ ์ตœ์†Œํ™”, ์‚ฌ์šฉ์ž ์ž…๋ ฅ์˜ ์œ ํšจ์„ฑ์„ ๊ฒ€์‚ฌํ•˜๊ณ  ์ •ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.

๊ฒฌ๊ณ ํ•จ์€ ์›น ์ฝ˜ํ…์ธ ๊ฐ€ ํ™”๋ฉด ํŒ๋…๊ธฐ ๋ฐ ์Œ์„ฑ ์ธ์‹ ๋„๊ตฌ์™€ ๊ฐ™์€ ๋ณด์กฐ ๊ธฐ์ˆ ์„ ํฌํ•จํ•˜์—ฌ ํ˜„์žฌ ๋ฐ ๋ฏธ๋ž˜์˜ ์‚ฌ์šฉ์ž ์—์ด์ „ํŠธ์™€ ํ˜ธํ™˜๋˜์–ด์•ผ ํ•จ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด ์›์น™์„ ์œ„ํ•ด ๊ฐœ๋ฐœ์ž๋Š” ์ž˜ ํ™•๋ฆฝ๋œ ํ‘œ์ค€๊ณผ ๋ชจ๋ฒ” ์‚ฌ๋ก€๋ฅผ ์ค€์ˆ˜ํ•˜์—ฌ ์ ์ ˆํ•œ ๋งˆํฌ์—…, ๊ตฌ์กฐ ๋ฐ ์˜๋ฏธ ์ฒด๊ณ„๋ฅผ ๋ณด์žฅํ•˜๊ณ  ๋‹ค์–‘ํ•œ ์žฅ์น˜, ํ”Œ๋žซํผ ๋ฐ ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ํ…Œ์ŠคํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

AppMasterno-code ํ”Œ๋žซํผ์€ ์ ‘๊ทผ์„ฑ ์ง€์›์„ ๋ชฉํ‘œ๋กœ ํ•˜๋Š” ์ผ๋ จ์˜ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ ๋ฐ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ WCAG ์ง€์นจ์„ ๋ณด๋‹ค ์‰ฝ๊ฒŒ โ€‹โ€‹๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค๋‹ˆ๋‹ค. ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ์ „๋ฌธ๊ฐ€๋กœ์„œ AppMaster ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ๋””์ง€ํ„ธ ์ฝ˜ํ…์ธ  ์ œ์ž‘์˜ ์ค‘์š”์„ฑ์„ ์™„์ „ํžˆ ์ดํ•ดํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ํ”Œ๋žซํผ์€ ๋ชจ๋“  ๊ทœ๋ชจ์˜ ๊ธฐ์—…์ด ์ฝ”๋“œ ํ•œ ์ค„๋„ ์ž‘์„ฑํ•˜์ง€ ์•Š๊ณ ๋„ ์„œ๋ฒ„ ๋ฐฑ์—”๋“œ, ์›น ์‚ฌ์ดํŠธ, ๊ณ ๊ฐ ํฌํ„ธ ๋ฐ ๊ธฐ๋ณธ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐ–์ถ˜ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์†Œํ”„ํŠธ์›จ์–ด ์†”๋ฃจ์…˜์„ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค.

AppMaster ์˜ ์ง๊ด€์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค์™€ ๊ฐ•๋ ฅํ•œ ๋„๊ตฌ๋Š” WCAG ํ‘œ์ค€์„ ์›น ๋ฐ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์— ํ†ตํ•ฉํ•˜๋Š” ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹จ์ˆœํ™”ํ•ฉ๋‹ˆ๋‹ค. ์ ‘๊ทผ์„ฑ ๋ชจ๋ฒ” ์‚ฌ๋ก€๋ฅผ ํ†ตํ•ฉํ•˜๋„๋ก ์„ค๊ณ„๋œ ์ž‘์—… ๊ณต๊ฐ„์„ ์ œ๊ณตํ•จ์œผ๋กœ์จ ๊ธฐ์—…์€ ๊ฐ•๋ ฅํ•˜๊ณ  ์•ˆ์ „ํ•˜๋ฉฐ ํ™•์žฅ ๊ฐ€๋Šฅํ•˜๋ฉฐ ๋” ๊ด‘๋ฒ”์œ„ํ•œ ์‚ฌ์šฉ์ž๊ฐ€ ์•ก์„ธ์Šคํ•˜๊ณ  ํ˜œํƒ์„ ๋ˆ„๋ฆด ์ˆ˜ ์žˆ๋„๋ก ๋ณด์žฅํ•˜๋Š” ๋””์ง€ํ„ธ ์ฝ˜ํ…์ธ ์™€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ ‘๊ทผ์„ฑ์„ ๊ฐ•ํ™”ํ•˜๋ ค๋Š” AppMaster ์˜ ๋…ธ๋ ฅ์œผ๋กœ WCAG ์ง€์นจ์„ ์ˆ˜์šฉํ•˜๋Š” ๊ฒƒ์ด ๋”์šฑ ๊ด€๋ฆฌํ•˜๊ธฐ ์‰ฌ์šด ์ž‘์—…์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์›น, ๋ชจ๋ฐ”์ผ ๋ฐ ๋ฐฑ์—”๋“œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ์ „๋ฌธ ํ”Œ๋žซํผ์ธ AppMaster ํŒ€์ด ๊ทœ์ •์„ ์ค€์ˆ˜ํ•˜๊ณ  ํฌ์šฉ์ ์ด๋ฉฐ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ๋””์ง€ํ„ธ ๊ฒฝํ—˜์„ ํšจ์œจ์ ์œผ๋กœ ๊ตฌ์ถ•ํ•˜๊ณ  ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•˜์—ฌ ๊ถ๊ทน์ ์œผ๋กœ ๋ณด๋‹ค ์‚ฌ์šฉ์ž ์นœํ™”์ ์ด๊ณ  ํ‰๋“ฑํ•œ ์˜จ๋ผ์ธ ์„ธ๊ณ„๋ฅผ ์œ„ํ•œ ๊ธธ์„ ๋‹ฆ์Šต๋‹ˆ๋‹ค.