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

WAI(Web Accessibility Initiative)๋ฅผ ํ†ตํ•ด W3C(World Wide Web Consortium)์—์„œ ๊ฐœ๋ฐœํ•œ WCAG ์ง€์นจ์€ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ์›น ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ํฌ๊ด„์ ์ธ ํ”„๋ ˆ์ž„์›Œํฌ ์—ญํ• ์„ ํ•˜๋ฉฐ ๊ฐ ์ง€์นจ์— ๋Œ€ํ•œ ๊ตฌ์ฒด์ ์ธ ๊ถŒ์žฅ ์‚ฌํ•ญ ๋ฐ ์„ฑ๊ณต ๊ธฐ์ค€์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด ํ”„๋ ˆ์ž„์›Œํฌ๋Š” A(์ตœ์†Œ), AA(๊ถŒ์žฅ), AAA(๊ณ ๊ธ‰)์˜ ์„ธ ๊ฐ€์ง€ ์ ํ•ฉ์„ฑ ์ˆ˜์ค€์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. ์ ํ•ฉ์„ฑ ์ˆ˜์ค€์˜ ์„ ํƒ์€ ํ”„๋กœ์ ํŠธ ์ œ์•ฝ ์กฐ๊ฑด, ๋Œ€์ƒ ๊ณ ๊ฐ, ๋ฒ•์  ์š”๊ตฌ ์‚ฌํ•ญ ๋“ฑ ๋‹ค์–‘ํ•œ ์š”์†Œ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง€์ง€๋งŒ ์ผ๋ฐ˜์ ์œผ๋กœ ์ตœ์†Œ ์ˆ˜์ค€ AA๋ฅผ ๋‹ฌ์„ฑํ•˜๋Š” ๊ฒƒ์ด ๋ชจ๋ฒ” ์‚ฌ๋ก€๋กœ ๊ฐ„์ฃผ๋ฉ๋‹ˆ๋‹ค.

WCAG ์ง€์นจ์˜ ํ˜„์žฌ ๋ฒ„์ „์ธ WCAG 2.1์€ ์•ก์„ธ์Šค ๊ฐ€๋Šฅํ•˜๊ณ  ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์›น ํ”„๋กœ์ ํŠธ์˜ ๊ธฐ์ดˆ๋ฅผ ํ˜•์„ฑํ•˜๋Š” ๋„ค ๊ฐ€์ง€ ์ฃผ์š” ์›์น™์„ ๊ฐ„๋žตํ•˜๊ฒŒ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

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

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

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

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

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