๐Ÿ‘ ํ•˜๋‚˜์˜ ๋„๊ตฌ ํ‚คํŠธ๋กœ
๋ชจ๋“  ์„ค๊ณ„ ์ž‘์—…

๋Œ€๋น„ ๊ฒ€์‚ฌ๊ธฐ

ํ…์ŠคํŠธ ๋ฐ ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ์— ๋Œ€ํ•œ WCAG AA/AAA ์ค€์ˆ˜๋ฅผ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰๊ฐ์ ์ธ ์ ‘๊ทผ์„ฑ ๋“ฑ๊ธ‰์„ ๋ฐ›์œผ์„ธ์š”.

English ไธญๆ–‡ ๆ—ฅๆœฌ่ชž ํ•œ๊ตญ์–ด Espaรฑol Portuguรชs Franรงais Deutsch ุงู„ุนุฑุจูŠุฉ เคนเคฟเคจเฅเคฆเฅ€ เน„เธ—เธข Tiแบฟng Viแป‡t Bahasa ะ ัƒััะบะธะน

๐Ÿ‘ ๋Œ€๋น„ ๊ฒ€์‚ฌ๊ธฐ

์ƒ‰์ƒ ๋Œ€๋น„ ๊ฒ€์‚ฌ๊ธฐ ๊ฐ€์ด๋“œ

์ƒ‰์ƒ ๋Œ€๋น„๋Š” ํ…์ŠคํŠธ์™€ ๋ฐฐ๊ฒฝ ์‚ฌ์ด์˜ ํœ˜๋„ ์ฐจ์ด์ž…๋‹ˆ๋‹ค. ์ข‹์€ ๋Œ€๋น„๋Š” ์‹œ๊ฐ ์žฅ์• ๊ฐ€ ์žˆ๋Š” ์‚ฌ์šฉ์ž๋ฅผ ํฌํ•จํ•œ ๋ชจ๋“  ์‚ฌ์šฉ์ž์˜ ๊ฐ€๋…์„ฑ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.

ํ…์ŠคํŠธ ์ƒ‰์ƒ๊ณผ ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ์„ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค. ์ด ๋„๊ตฌ๋Š” ๋ช…์•”๋น„๋ฅผ ๊ณ„์‚ฐํ•˜๊ณ  WCAG AA(์ตœ์†Œ) ๋˜๋Š” AAA(ํ–ฅ์ƒ) ํ‘œ์ค€์„ ํ†ต๊ณผํ•˜๋Š”์ง€ ์•Œ๋ ค์ค๋‹ˆ๋‹ค.

Pro Tips

Frequently Asked Questions

Q: WCAG๋ž€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
WCAG๋ž€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? WCAG(์›น ์ฝ˜ํ…์ธ  ์ ‘๊ทผ์„ฑ ์ง€์นจ)๋Š” ์›น ์ ‘๊ทผ์„ฑ์— ๋Œ€ํ•œ ๊ตญ์ œ ํ‘œ์ค€์ž…๋‹ˆ๋‹ค.
Q: ๋ช…์•”๋น„๋Š” ์–ด๋–ค๊ฒŒ ์ข‹์€๊ฐ€์š”?
๋ช…์•”๋น„๋Š” ์–ด๋–ค๊ฒŒ ์ข‹์€๊ฐ€์š”? ์ผ๋ฐ˜ ํ…์ŠคํŠธ(AA)์˜ ๊ฒฝ์šฐ 4.5:1, ํฐ ํ…์ŠคํŠธ(AA)์˜ ๊ฒฝ์šฐ 3:1, ๊ณ ๊ธ‰(AAA)์˜ ๊ฒฝ์šฐ 7:1์ž…๋‹ˆ๋‹ค.
Q: ์–ด๋–ค WCAG ์ˆ˜์ค€์„ ๋ชฉํ‘œ๋กœ ์‚ผ์•„์•ผ ํ•ฉ๋‹ˆ๊นŒ?
์–ด๋–ค WCAG ์ˆ˜์ค€์„ ๋ชฉํ‘œ๋กœ ์‚ผ์•„์•ผ ํ•ฉ๋‹ˆ๊นŒ? ํ‘œ์ค€ ์›น์‚ฌ์ดํŠธ์˜ ๊ฒฝ์šฐ WCAG AA(์ผ๋ฐ˜ ํ…์ŠคํŠธ์˜ ๊ฒฝ์šฐ 4.5:1)๋ฅผ ๋Œ€์ƒ์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค. ์ ‘๊ทผ์„ฑ ์ค‘์‹ฌ ํ”„๋กœ์ ํŠธ ๋˜๋Š” ์ •๋ถ€ ์‚ฌ์ดํŠธ์˜ ๊ฒฝ์šฐ WCAG AAA(7:1)๋ฅผ ๋Œ€์ƒ์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค. ํฐ ํ…์ŠคํŠธ(๊ตต๊ฒŒ 18px ์ด์ƒ)๋Š” 3:1 ๋˜๋Š” 4.5:1์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
Q: ์ด ๋„๊ตฌ๋Š” ์ƒ‰๋งน์„ ๊ฒ€์‚ฌํ•ฉ๋‹ˆ๊นŒ?
์ด ๋„๊ตฌ๋Š” ์ƒ‰๋งน์„ ๊ฒ€์‚ฌํ•ฉ๋‹ˆ๊นŒ? ์•„๋‹ˆ์š”, ๋ช…์•”๋น„๋Š” ์ƒ‰์ƒ ์ธ์‹์ด ์•„๋‹ˆ๋ผ ํœ˜๋„์— ๊ด€ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํฌ๊ด„์ ์ธ ์ ‘๊ทผ์„ฑ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•ด ๋Œ€๋น„ ๊ฒ€์‚ฌ๊ธฐ์™€ ํ•จ๊ป˜ ์ƒ‰๋งน ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
Q: ์‹คํŒจํ•œ ๋ช…์•”๋น„๋ฅผ ์–ด๋–ป๊ฒŒ ์ˆ˜์ •ํ•ฉ๋‹ˆ๊นŒ?
์‹คํŒจํ•œ ๋ช…์•”๋น„๋ฅผ ์–ด๋–ป๊ฒŒ ์ˆ˜์ •ํ•ฉ๋‹ˆ๊นŒ? ํ…์ŠคํŠธ ์ƒ‰์ƒ์„ ์–ด๋‘ก๊ฒŒ ํ•˜๊ฑฐ๋‚˜, ๋ฐฐ๊ฒฝ ์ƒ‰์ƒ์„ ๋ฐ๊ฒŒ ํ•˜๊ฑฐ๋‚˜, ๊ธ€๊ผด ํฌ๊ธฐ๋ฅผ ๋Š˜๋ฆฌ๊ฑฐ๋‚˜, ํ…์ŠคํŠธ๋ฅผ ๊ตต๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์ด ๋„๊ตฌ๋Š” ์–ด๋–ค WCAG ์ˆ˜์ค€์ด ํ†ต๊ณผํ•˜๊ฑฐ๋‚˜ ์‹คํŒจํ•˜๋Š”์ง€ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๊ฐ•์กฐํ•ฉ๋‹ˆ๋‹ค.