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

์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ์ „๋ฌธ๊ฐ€์ธ AppMasterno-code ํ”Œ๋žซํผ์€ ํ”„๋ŸฐํŠธ์—”๋“œ ์ ‘๊ทผ์„ฑ ํ…Œ์ŠคํŠธ์˜ ์ค‘์š”์„ฑ์„ ์ธ์‹ํ•˜๊ณ  ํ•ด๋‹น ํ”Œ๋žซํผ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์„ฑ๋œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ์ ‘๊ทผ์„ฑ ๋ชจ๋ฒ” ์‚ฌ๋ก€๋ฅผ ์ค€์ˆ˜ํ•˜๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ•ฉ๋‹ˆ๋‹ค. AppMaster ํ†ตํ•ด ๊ณ ๊ฐ์€ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ์›น ๋ฐ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ƒ์„ฑํ•˜์—ฌ ํ”„๋ŸฐํŠธ์—”๋“œ ์ ‘๊ทผ์„ฑ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ๊ฒฌ๊ณ ํ•œ ๊ธฐ๋ฐ˜์„ ์ œ๊ณตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. AppMaster ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์šฉ Vue3 ํ”„๋ ˆ์ž„์›Œํฌ, Android์šฉ Kotlin/ Jetpack Compose, ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์šฉ IOS์šฉ SwiftUI ์‚ฌ์šฉํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ƒ์„ฑํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๋Š” ์ž๋™ํ™” ๋ฐ ์ˆ˜๋™ ํ…Œ์ŠคํŠธ ๋ฐฉ๋ฒ•, ๊ฐ•๋ ฅํ•œ ๋ฌธ์„œํ™”, ์—…๊ณ„ ํ‘œ์ค€ ์ค€์ˆ˜๋ฅผ ํ†ตํ•ด ์ ‘๊ทผ์„ฑ์„ ๋”์šฑ ๊ฒ€์ฆํ•˜๊ณ  ํ–ฅ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ‘œ์ค€ ์ง€์นจ.

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

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

ํ”„๋ŸฐํŠธ์—”๋“œ ์ ‘๊ทผ์„ฑ ํ…Œ์ŠคํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ฐœ๋ฐœ์ž๋Š” ์›น ์ ‘๊ทผ์„ฑ์— ๋Œ€ํ•œ ์—…๊ณ„ ํ‘œ์ค€์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” WCAG(์›น ์ฝ˜ํ…์ธ  ์ ‘๊ทผ์„ฑ ์ง€์นจ) 2.1์— ์„ค๋ช…๋œ ์›์น™๊ณผ ์ง€์นจ์„ ์ˆ™์ง€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. WCAG 2.1์€ ์›น ๋ฐ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๋ฅผ ๋ถ„์„ํ•˜๊ณ  ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ํฌ๊ด„์ ์ธ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ œ๊ณตํ•˜๋Š” POUR(Perceivable, Operable, Understandingable, Robust)๋ผ๋Š” ๋„ค ๊ฐ€์ง€ ๊ธฐ๋ณธ ์›์น™์œผ๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค. ์ง€์นจ์€ ์„ธ ๊ฐ€์ง€ ์ ํ•ฉ์„ฑ ์ˆ˜์ค€(A, AA, AAA)์œผ๋กœ ๋“ฑ๊ธ‰์ด ๋งค๊ฒจ์ง€๋Š” ๋‹ค์–‘ํ•œ ์„ฑ๊ณต ๊ธฐ์ค€์œผ๋กœ ๋ณด์™„๋˜๋ฉฐ, AA ์ˆ˜์ค€์€ ์ ‘๊ทผ์„ฑ ๊ทœ์ • ์ค€์ˆ˜์— ๋Œ€ํ•ด ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์œผ๋กœ ํ—ˆ์šฉ๋˜๋Š” ๋ฒค์น˜๋งˆํฌ์ž…๋‹ˆ๋‹ค.

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