À¥ Á¢±Ù¼º
Ç°Áú¸¶Å© ÀÎÁõ½É»ç ±âÁØ
|
¡¡
¡à ¸ñ Àû
o
±¹³» ½ÇÁ¤¿¡ ¸Â´Â À¥ Á¢±Ù¼º Ç¥Áظ𵨠¹× ÀÎÁõ±âÁØ Á¦½Ã¸¦
ÅëÇÑ ¿ì¼öÇÑ
À¥ Á¢±Ù¼º Áؼö »çÀÌÆ® ¹ß±¼ ¹× À¥ Á¢±Ù¼º Çâ»ó
µµ¸ð
¡Ø À¥ Á¢±Ù¼ºÀ̶õ(Web
Accessibility)À̶õ?
Àå¾ÖÀÎ, °í·ÉÀÚ µîÀÌ
À¥ »çÀÌÆ®¿¡¼ Á¦°øÇÏ´Â Á¤º¸¿¡ ÀϹÝÀΰú µ¿µîÇÏ°Ô
Á¢±ÙÇÏ°í ÀÌ¿ëÇÒ ¼ö ÀÖµµ·Ï
À¥ »çÀÌÆ® Á¢±Ù ȯ°æ
¹× ¼öÁØ
¡à ±âº»¿øÄ¢
o
À¥ Á¢±Ù¼º ±¹°¡Ç¥ÁØÀÎ ¡®ÀÎÅÍ³Ý À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ¡¯ÀÇ
°¢ Ç׸ñ¿¡ ´ëÇÑ ±â¼ú °¡À̵å¶óÀÎÀ¸·Î ºÎó °øÅëÀ¸·Î
Á¦½ÃµÈ ¡°Àå¾ÖÀÎ
À¥ Á¢±Ù¼º ±¹°¡Ç¥ÁØ ±â¼ú °¡À̵å¶óÀΡ±ÀÇ 18°³ ÁöÇ¥¸¦ ÁØ¿ëÇÏ¿© °´°üÀûÀÎ ½É»ç ±âÁØ ¸¶·Ã
¡Ø
À¥ Á¢±Ù¼º ±¹°¡Ç¥ÁØÀ̶õ?
¡®ÀÎÅͳÝ
À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ¡¯(KICS.OT-10.0003, '05.12)Àº Àå¾Ö¸¦ °¡Áø »ç¶÷µéÀÌ
Á¢±ÙÇÒ ¼ö ÀÖµµ·Ï À¥ ÄÜÅÙÃ÷¸¦ Á¦ÀÛÇÏ´Â ¹æ¹ýÀ»
±â¼úÇÑ Ç¥Áع®¼·Î ¹Ì±¹ÀÇ ÀçÈ°¹ý 508Á¶ ¹×
W3CÀÇ WCAG 1.0 µîÀÇ ³»¿ëÀ» ±¹³»Çö½Ç¿¡ ¸Â°Ô Àû¿ë
¡Ø Àå¾ÖÀÎ
À¥ Á¢±Ù¼º ±¹°¡Ç¥ÁØ ±â¼ú °¡À̵å¶óÀÎÀ̶õ?
ÀåÂ÷¹ý À¥ Á¢±Ù¼º Áؼö Àǹ«È¿¡
µû¸¥ ¸íÈ®ÇÑ ±âÁØÀ» Á¦½ÃÇϱâ À§ÇØ ÇàÁ¤¾ÈÀüºÎ¿¡¼
¸¶·ÃÇÑ ÁöħÀ¸·Î À¥ Á¢±Ù¼º ±¹°¡Ç¥ÁØÀ» ±â¹ÝÀ¸·Î ¡®08³â 7¿ù¢¦12¿ù±îÁö °ü·Ã Àü¹®°¡,
Àå¾ÖÀδÜü, º¸Á¶±â±â¾÷ü, Æ÷Åо÷ü, À¥ °³¹ßÀÚ µîÀÇ ´Ù¼öÀÇ
ÀÇ°ßÀ» Á¾ÇÕÀûÀ¸·Î ¼ö·ÅÇÏ¿© Á¦Á¤
o À¥ Á¢±Ù¼º º¸Àå, ±â¼ú±¸Çö
°¡´É¼º µîÀ» Á¾ÇÕÀûÀ¸·Î °í·ÁÇÑ Çö½ÇÀûÀÎ ½É»ç ±âÁØ ¼³Á¤
- Á¢±Ù¼º º¸Àå¿¡ ¿ä±¸µÇ´Â
Çʼö, ±Ç°í, ±ÇÀå ÁöÇ¥ Á¦½Ã
¡à ½É»çÁöÇ¥
o
¡®ÀÎÅÍ³Ý À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º
Áöħ¡¯¿¡¼ Á¦½ÃÇÏ°í ÀÖ´Â ¿ä±¸Á¶°ÇÀ»
À¥ Á¢±Ù¼º ¿©°Ç ¹×
Æò°¡È¯°æ¿¡ ¸Â°Ô ÀçÁ¶Á¤
- 13°³ Ç׸ñ ¡æ
13°³ Ç׸ñ 18°³ ÁöÇ¥
o À¥ Á¢±Ù¼º Áß¿äµµ¿¡ µû¶ó
3µî±ÞÀ¸·Î ºÐ·ù
- À¥ Á¢±Ù¼º º¸ÀåÀ» À§ÇØ
Áß¿äÇÑ ÁöÇ¥¸¦ 3µî±ÞÀ¸·Î ºÐ·ù
[ÁöÇ¥º°
Áß¿äµµ °³³ä ¹× ÇöȲ]
±¸ ºÐ
|
Priority 1
|
Priority 2
|
Priority 3
|
°³³äÁ¤ÀÇ
|
Àǹ«(Must)
¹Ýµå½Ã
ÁؼöÇØ¾ß ÇÔ
|
±Ç°í(Should)
¸¶¶¥È÷ ÁؼöÇØ¾ß ÇÔ
|
±ÇÀå(May)
ÁؼöÇϵµ·Ï ³ë·ÂÇØ¾ß ÇÔ
|
ÀÇ ¹Ì
|
±âº»Àû ¿ä±¸»çÇ×À» ÃæÁ·½ÃÅ´À¸·Î½á
À¥ Á¢±Ù¼ºÀ»
º¸Àå(ensure)
¹ÌÁؼö½Ã À¥ ÄÜÅÙÃ÷¿¡
Á¢±ÙÇÏ´Â
°ÍÀÌ ºÒ°¡´É
|
Áß´ëÇÑ °áÇÔÀ» Á¦°ÅÇÔÀ¸·Î½á
À¥ Á¢±Ù¼ºÀ»
Áõ´ë(increase)½ÃÅ´
¹ÌÁؼö½Ã À¥ ÄÜÅÙÃ÷¿¡
Á¢±ÙÇÏ´Â
°ÍÀÌ ¾î·Æ°Ô µÊ
|
»ç¼ÒÇÑ °áÇÔ±îÁö Á¦°ÅÇÔÀ¸·Î½á
À¥ Á¢±Ù¼ºÀ» Çâ»ó(enhance)½ÃÅ´
¹ÌÁؼö½Ã À¥ ÄÜÅÙÃ÷¿¡
Á¢±ÙÇÏ´Â
°ÍÀÌ ºÒÆíÇÏ°Ô µÊ
|
ÁöÇ¥¼ö
|
11°³ ÁöÇ¥
|
6°³ ÁöÇ¥
|
1°³ ÁöÇ¥
|
Áؼö±âÁØ
|
90% ÀÌ»ó
|
70% ÀÌ»ó
|
50% ÀÌ»ó
|
¡¡
¡à Ç°Áú¸¶Å© ½É»çÁ¾·ù
o »çÀü½É»ç :
ÀÚµ¿Æò°¡µµ±¸(KADO-WAH)¿Í ¼öµ¿Æò°¡¸¦ º´Çà
- ´ëüÅؽºÆ® Á¦°ø(ÀÚµ¿,
90%ÀÌ»ó)
- Å×À̺í ÀǹÌű×(¼öµ¿,
70%ÀÌ»ó)
-
¿Â¶óÀμ½Ä·¹À̺í(¼öµ¿,
90%ÀÌ»ó)
o Àü¹®°¡ ½É»ç : °¢ ÁöÇ¥º°
Áؼö±âÁØ¿¡ ¸ðµÎ ÀûÇÕ
o »ç¿ëÀÚ ½É»ç :
ÁÖ¿ä ÀÌ¿ëÀÚ
°ú¾÷¸ðÇü¿¡ ÀÇÇÑ »ç¿ë¼º ½É»ç
¡Ø »çÀÌÆ®º° Ư¼º¿¡ ¸Â°Ô º°µµ ¼³Á¤
¡à ÀÎÁõ½É»ç
±âÁØ
±¸ºÐ
|
Ç׸ñ(13°³)
|
ÁöÇ¥(18°³)
|
Áؼö
±âÁØ
|
1. ÀνÄÀÇ
¿ëÀ̼º
(3°³)
|
1-1. ÅؽºÆ® ¾Æ´Ñ
ÄÜÅÙÃ÷ÀÇ ÀνÄ
|
(1) À̹ÌÁöÀÇ Àǹ̳ª
¸ñÀûÀ» ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ÀûÀýÇÑ ´ëü ÅؽºÆ®¸¦ Á¦°øÇØ¾ß ÇÑ´Ù.
¡Ø
Àǹ̰¡ ÀÖ´Â À̹ÌÁöÀÇ °æ¿ì
´ëü ÅؽºÆ®¸¦ Àǹ̳ª ±â´ÉÀÌ µ¿ÀÏÇÏ°Ô Á¦°ø
¡Ø Àǹ̰¡ ¾ø´Â À̹ÌÁö(±Û¸Ó¸®±âÈ£,
Å׵θ®, Àå½Ä¿ë À̹ÌÁö, °ø¹é
À̹ÌÁö µî)ÀÇ °æ¿ì ´ëü ÅؽºÆ®¸¦
blank(alt="")·Î Á¦°ø
|
90%
|
(2)
¹è°æ À̹ÌÁö°¡ Àǹ̸¦ °®´Â °æ¿ì, ¹è°æ À̹ÌÁöÀÇ
Àǹ̸¦ ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ´ëü ÄÜÅÙÃ÷¸¦ Á¦°øÇØ¾ß ÇÑ´Ù.
¡Ø
Àǹ̰¡ ÀÖ´Â À̹ÌÁö´Â ¹è°æ À̹ÌÁö·Î »ç¿ëÇÏÁö
¾Ê´Â °ÍÀÌ ¹Ù¶÷Á÷ÇÔ
|
90%
|
1-2. ¸ÖƼ¹Ìµð¾î
¸ÅüÀÇ ÀνÄ
|
(3) µ¿¿µ»ó, À½¼º
µî ¸ÖƼ¹Ìµð¾î
ÄÜÅÙÃ÷¸¦ ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ´ëü ¼ö´Ü(ÀÚ¸·, ¿ø°í ¶Ç´Â ¼öÈ)¸¦ Á¦°øÇØ¾ß ÇÑ´Ù.
¡Ø
½Ç½Ã°£ ¹æ¼ÛÀÌ¶óµµ ´ëü ¼ö´ÜÀ» Á¦°øÇÏ¿©¾ß Çϳª, ¿¹¿Ü·Î ÀÎÁ¤ÇÒ ¼ö ÀÖÀ½
|
90%
|
1-3. ÄÜÅÙÃ÷ÀÇ
½Ã°¢Àû ¸í·á¼º
|
(4)
»ö»óÀ» ¹èÁ¦ÇÏ¿©µµ ¿øÇÏ´Â ³»¿ëÀ» Àü´ÞÇÒ ¼ö
ÀÖµµ·Ï, »ö»ó ÀÌ¿Ü¿¡µµ ¸í¾ÏÀ̳ª ÆÐÅÏ µîÀ¸·Î ÄÜÅÙÃ÷ ±¸ºÐÀÌ °¡´ÉÇØ¾ß ÇÑ´Ù.
|
90%
|
2. ¿î¿ëÀÇ ¿ëÀ̼º
(6°³)
|
2-1. À̹ÌÁö ¸Ê
±â¹ý »ç¿ë Á¦ÇÑ
|
(5)¡¤¼¹öÃø
À̹ÌÁö ¸ÊÀ» Á¦°øÇÒ °æ¿ì, ÇØ´ç ³»¿ë ¹× ±â´ÉÀ» »ç¿ëÇÒ ¼ö ÀÖ´Â ´ëü ÄÜÅÙÃ÷¸¦ Á¦°øÇØ¾ß ÇÑ´Ù.
¡Ø
Áö¸®Á¤º¸ÀÇ °æ¿ì¿¡´Â ¿¹¿Ü·Î ÀÎÁ¤ÇÒ ¼ö ÀÖÀ½
|
90%
|
2-2. ÇÁ·¹ÀÓÀÇ
»ç¿ë Á¦ÇÑ
|
(6) ÇÁ·¹ÀÓÀ» Á¦°øÇÒ
°æ¿ì, ÇØ´ç ³»¿ëÀ» ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ÀûÀýÇÑ Á¦¸ñ(title ¼Ó¼º)À» Á¦°øÇØ¾ß ÇÑ´Ù.
|
90%
|
2-3. ±ôºý°Å¸®´Â
°´Ã¼ »ç¿ë Á¦ÇÑ
|
(7)
±ôºýÀÌ´Â ÄÜÅÙÃ÷¸¦ Á¦°øÇÒ °æ¿ì, »çÀü¿¡ °æ°íÇÏ°í
±ôºýÀÓÀ» ȸÇÇÇÒ ¼ö ÀÖ´Â ¼ö´ÜÀ» Á¦°øÇØ¾ß ÇÑ´Ù.
¡Ø ±ô¹ÚÀÓ ±âÁØ: ÃÊ´ç 3~49¹øÀ» ±ô¹ÚÀÌ´Â
ÄÜÅÙÃ÷
|
90%
|
2-4. Å°º¸µå·Î¸¸
¿î¿ë °¡´É
|
(8)
¸ðµç ±â´ÉÀ» Å°º¸µå·Î ÀÌ¿ëÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù.
|
90%
|
2-5. ¹Ýº¹
³»ºñ°ÔÀÌ¼Ç ¸µÅ©
|
(9)
¹Ýº¹µÇ´Â ¸µÅ©¸¦ °Ç³Ê¶Û ¼ö ÀÖµµ·Ï °Ç³Ê¶Ù±â
¸µÅ©(skip navigation)¸¦
Á¦°øÇØ¾ß ÇÑ´Ù.
|
50%
|
2-6. ¹ÝÀÀ½Ã°£ÀÇ
Á¶Àý±â´É
|
(10)
½Ã°£ Á¦ÇÑÀÌ ÀÖ´Â ÄÜÅÙÃ÷¸¦ Á¦°øÇÒ
°æ¿ì, ½Ã°£ Á¦¾î ±â´ÉÀ» Á¦°øÇØ¾ß ÇÑ´Ù.
¡Ø
¿¹¿Ü»çÇ× : °æ¸Å, ½Ç½Ã°£ °ÔÀÓ µî°ú °°ÀÌ
½Ã°£Á¦ÇÑÀÌ ÇʼöÀûÀÎ ÄÜÅÙÃ÷
|
70%
|
(11)
»õ â(Æ˾÷â Æ÷ÇÔ)À» Á¦°øÇÒ
°æ¿ì, »ç¿ëÀÚ¿¡°Ô »çÀü¿¡ ¾Ë·Á¾ß ÇÑ´Ù.
|
70%
|
±¸ºÐ
|
Ç׸ñ(13°³)
|
ÁöÇ¥(18°³)
|
Áؼö
±âÁØ
|
3. ÀÌÇØÀÇ ¿ëÀ̼º
(3°³)
|
3-1. µ¥ÀÌÅÍ Å×À̺í
±¸¼º
|
(12) µ¥ÀÌÅÍ Å×À̺íÀ»
Á¦°øÇÒ °æ¿ì, Å×À̺íÀÇ ³»¿ëÀ» ÀÌÇØÇÒ ¼ö ÀÖ´Â Á¤º¸(Á¦¸ñ, ¿ä¾àÁ¤º¸ µî)¸¦ Á¦°øÇØ¾ß ÇÑ´Ù.
|
70%
|
(13)
µ¥ÀÌÅÍ Å×À̺íÀ» Á¦°øÇÒ °æ¿ì,
Á¦¸ñ ¼¿°ú ³»¿ë ¼¿À» ±¸ºÐÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù.
|
70%
|
3-2. ÆäÀÌÁöÀÇ
³í¸®Àû ±¸¼º
|
(14)
ÇØ´ç ÆäÀÌÁö¸¦ Àß ÀÌÇØÇÒ ¼ö
ÀÖµµ·Ï ÆäÀÌÁö Á¦¸ñ(<title>)À» Á¦°øÇØ¾ß ÇÑ´Ù.
|
70%
|
(15) ÄÜÅÙÃ÷´Â
³í¸®ÀûÀÎ ¼ø¼·Î ±¸¼ºµÇ¾î¾ß ÇÑ´Ù.
|
90%
|
3-3. ¿Â¶óÀÎ ¼½Ä
±¸¼º
|
(16)
¿Â¶óÀÎ ¼½ÄÀ» Á¦°øÇÒ °æ¿ì,
·¹À̺í(<label>)À» Á¦°øÇØ¾ß ÇÑ´Ù.
|
90%
|
4. ±â¼úÀû Áøº¸¼º
(1°³)
|
4-1. ½Å±â¼úÀÇ
»ç¿ë
|
(17)
¾ÖÇø´, Ç÷¯±×ÀÎ(ActiveX,
Ç÷¡½Ã) µî ºÎ°¡ ¾ÖÇø®ÄÉÀ̼ÇÀ» Á¦°øÇÏ´Â
°æ¿ì, ÇØ´ç ¾ÖÇø®ÄÉÀ̼ÇÀÌ ÀÚüÀûÀÎ
Á¢±Ù¼ºÀ» ÁؼöÇϰųª
»ç¿ëÀÚ°¡ ´ëü ÄÜÅÙÃ÷¸¦ ¼±ÅÃÇÏ¿©
ÀÌ¿ëÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù.
|
70%
|
(18) ¸¶Å©¾÷ ¾ð¾î·Î
±¸ÇöÇÒ ¼ö ÀÖ´Â ±â´É(¸µÅ©, ¼½Ä, ¹öÆ°, ÆäÀÌÁö Á¦¸ñ)À» ÀÚ¹Ù½ºÅ©¸³Æ®·Î¸¸ ±¸ÇöÇÏÁö ¸»¾Æ¾ß ÇÑ´Ù.
|
90%
|
|