ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î


À¥ Á¢±Ù¼º Ç°Áú¸¶Å© ÀÎÁõ½É»ç ±âÁØ
14³â Àü

À¥ Á¢±Ù¼º Ç°Áú¸¶Å© ÀÎÁõ½É»ç ±âÁØ

¡¡

¡à ¸ñ Àû

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%

ÃßõÃßõ : 448 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
366
iPhone °³¹ß À¯¿ëÇÑ »çÀÌÆ®
365
ÃÖÀûÀÇ DNS¼­¹ö(³×ÀÓ¼­¹ö) ¼³Á¤À¸·Î ºü¸¥ ÀÎÅͳÝÇϱâ
364
Open API site
363
CSS libraryÂüÁ¶ »çÀÌÆ®
362
IE ¹öÀüº°·Î css Àû¿ëÇϱâ
361
»çÀÌÆ®¸¦ ´Ù¸¥À̸§À¸·Î ÀúÀå ÇÒ¼ö ¾ø°Ô Çϱâ
360
45°³ÀÇ ¹«·á µðÀÚÀÎ ÇÁ·Î±×·¥µé
359
¹«·á ¼ÒÇÁÆ®¿þ¾î
358
flash tools
357
crossdomain.xml
356
¸®´ª½º°¡ °©Àڱ⠺ÎÆà Áß ¸ØÃç¹ö¸°´Ù¸é...
À¥ Á¢±Ù¼º Ç°Áú¸¶Å© ÀÎÁõ½É»ç ±âÁØ
354
À¥ Ç¥ÁØ ±× ¸Ö°íµµ ÇèÇÑ ±æ
353
png Åõ¸íÇÏ°Ô ¼³Á¤
352
HTTP ¿¡·¯ ÄÚµåÇ¥
351
HTTP 1.1 status codes
350
¸®´ª½º ±âº» ¸í·É¾î
349
ÀÎÅÍ³Ý »ç¿ë½Ã ¸¶¿ì½º ´ë½Å ´ÜÃàÅ° »ç¿ë¹ý
348
ŸȨ¿¡¼­ Á¦È¨ÀڷḦ ¹«´ÜÀ¸·Î °¡Á®°¡Áö ¾Ê°Ô ÇÒ·Á¸é?
347
URL Encoded Characters
346
Ư¼ö¹®ÀÚ HTML ÄÚµå
345
´ÙÀ½Ä«Æä¿¡ [¾È³»]ű×Á¦ÇÑÀ¸·Îµî·ÏµÇÁö¾Ê½À´Ï´Ù ¶ó°í ¶ã¶§
344
¸®´ª½º ¾ÐÃà ¸í·É
343
Ư¼ö¹®ÀÚ HTML ÄÚµå
342
URL Encoded Characters
341
´Ù¿î·Îµå âÀÇ °¹¼ö¸¦ ´Ã·Áº¸ÀÚ
340
[ÀÎÅͳÝ] À¥ÆäÀÌÁö¹× ÇÁ·Î±×·¥ ·Îµù¼Óµµ Çâ»ó
339
ÃֽŠ¿ìÆí¹øÈ£ ¿øº»ÆÄÀÏ ±¸Çϱâ
338
¼­ºñ½ºÇÁ·ÎÅäÄÝÀÇ Æ÷Æ®¹øÈ£
337
ÀÏ¹Ý À¯´ÏÄÚµå(Unicode)¿Í 'UTF-8 À¯´ÏÄÚµå'ÀÇ Â÷ÀÌÁ¡
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.