RGAA

๋ช…์‚ฌ ยท ์ ‘๊ทผ์„ฑ

1.

์ ‘๊ทผ์„ฑ ๊ฐœ์„ ์„ ์œ„ํ•œ ์ผ๋ฐ˜ ์ฐธ์กฐ ๊ธฐ์ค€(Referentiel General d'Amelioration de l'Accessibilite): ์‹œ๊ฐ, ์ฒญ๊ฐ, ์šด๋™ ๋˜๋Š” ์ธ์ง€ ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ์„ ํฌํ•จํ•˜์—ฌ ๋ชจ๋“  ์‚ฌ๋žŒ์ด ์›น ์ฝ˜ํ…์ธ ์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ์ค€์ˆ˜ํ•ด์•ผ ํ•  ๊ธฐ์ˆ  ๊ทœ์น™์„ ์ •์˜ํ•˜๋Š” ํ”„๋ž‘์Šค ํ‘œ์ค€์ž…๋‹ˆ๋‹ค.

2.

๊ณต๊ณต ์„œ๋น„์Šค์™€ ์ ์  ๋” ๋งŽ์€ ๋ฏผ๊ฐ„ ๊ธฐ์—…์—๊ฒŒ ์›น์‚ฌ์ดํŠธ์™€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๋””์ง€ํ„ธ ์ ‘๊ทผ์„ฑ์„ ๋ณด์žฅํ•˜๋„๋ก ์˜๋ฌดํ™”ํ•˜๋Š” ๊ตญ์ œ ํ‘œ์ค€ WCAG(Web Content Accessibility Guidelines)์— ๊ธฐ๋ฐ˜ํ•œ ์ค€์ˆ˜ ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค.

3.

์ด๋ฏธ์ง€, ์ƒ‰์ƒ, ๋‚ด๋น„๊ฒŒ์ด์…˜, ์–‘์‹ ๋“ฑ ์ฃผ์ œ๋ณ„๋กœ ๊ตฌ์„ฑ๋œ ์ •๋ฐ€ํ•œ ๊ธฐ์ค€์— ๋”ฐ๋ผ ์›น์‚ฌ์ดํŠธ์˜ ์ ‘๊ทผ์„ฑ์„ ํ‰๊ฐ€ํ•˜๋Š” ๊ฐ์‚ฌ ๋ฐ ์ค€์ˆ˜ ๋ฐฉ๋ฒ•๋ก  โ€” ์ ‘๊ทผ์„ฑ ์„ ์–ธ๊ณผ ์ธก์ • ๊ฐ€๋Šฅํ•œ ์ค€์ˆ˜์œจ์„ ์‚ฐ์ถœํ•ฉ๋‹ˆ๋‹ค.

ํ•จ๊ป˜ ๋ณด๊ธฐ
์ ‘๊ทผ์„ฑWCAG์ค€์ˆ˜ํฌ์šฉ์„ฑ

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

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

๋Œ€์ƒ ๊ธฐ๊ด€์€ ์ ‘๊ทผ์„ฑ ์„ ์–ธ(์ค€์ˆ˜์œจ๊ณผ ๋น„์ค€์ˆ˜ ์‚ฌํ•ญ ๋ช…์‹œ), 3๋…„๊ฐ„์˜ ์ ‘๊ทผ์„ฑ ์ดํ–‰์„ ์œ„ํ•œ ๋‹ค๋…„ ๊ณ„ํš, ์—ฐ๊ฐ„ ์‹คํ–‰ ๊ณ„ํš์„ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์„œ๋Š” ์›น์‚ฌ์ดํŠธ์— ๊ฒŒ์‹œ๋˜๊ณ  ์ •๊ธฐ์ ์œผ๋กœ ์—…๋ฐ์ดํŠธ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. Async Code๋Š” ๊ณ ๊ฐ์˜ ์ด๋Ÿฌํ•œ ๋ฌธ์„œ ์ž‘์„ฑ๊ณผ ์ค€์ˆ˜์œจ์„ ์ ์ง„์ ์œผ๋กœ ๊ฐœ์„ ํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ๊ธฐ์ˆ ์  ์ˆ˜์ •์˜ ๊ตฌํ˜„์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

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

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