À¥Á¢±Ù¼º ÀÌ¿ë¾È³»

Á¢±Ù¼º ¼³¸í

ÀÌ ¹®¼­´Â ¾Èµ¿½Ã ȨÆäÀÌÁö »ç¿ëÀ» À§ÇÑ °ø½ÄÀûÀÎ Á¢±Ù¼º ¼³¸íÀÔ´Ï´Ù.
¹®ÀÇ»çÇ×ÀÌ ÀÖ´Ù¸é webmaster@adc.go.kr·Î ¸ÞÀÏ Áֽñ⠹ٶø´Ï´Ù.




Á¢±ÙŰ

´ëºÎºÐÀÇ ºê¶ó¿ìÀúµéÀÌ À¥»çÀÌÆ®¿¡ Á¤ÀǵǾî Àִ ŰƲÀ» ŸÀÌÇÎÇÔÀ¸·Î ƯÁ¤ ¸µÅ©µé·Î °Ç³Ê¶Ù±â ÇÏ´Â °ÍÀ» Áö¿øÇÕ´Ï´Ù. ºê¶ó¿ìÀú º° Á¢±ÙŰ »ç¿ë ¹æ¹ýÀº ¾Æ·¡¿Í °°½À´Ï´Ù.
ÆÄÀÌ¾îÆø½º : Shift+ALT+Á¢±ÙŰ,
Å©·Òºê¶ó¿ìÀú, IE : ALT+Á¢±ÙŰ,
»çÆÄ¸®ºê¶ó¿ìÀú : Control+Á¢±ÙŰ
¿ÀÆÄ¶óºê¶ó¿ìÀú : Shift+ESCÈÄ Á¢±Ù۸¦ »ç¿ë ÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.

ÀÌ »çÀÌÆ®ÀÇ Á¢±ÙŰ´Â ¾Æ·¡¿Í °°½À´Ï´Ù.
Access key 0 Á¢±Ù¼º ¾È³»ÆäÀÌÁö·Î À̵¿
Access key 1 ¸ÞÀÎÆäÀÌÁö·Î À̵¿
Access key 2 ¸Þ´º·Î À̵¿
Access key 3 º»¹®³»¿ëÀ¸·Î À̵¿
Access key 4 °Ë»öÀ¸·Î À̵¿
Access key 5 ÅØ½ºÆ® Àü¿ëÀ¸·Î º¸±â
Access key 6 PC¹öÀüÀ¸·Î º¸±â
Access key 7 ¸ð¹ÙÀϹöÀüÀ¸·Î º¸±â
Access key 9 °ü¸®ÀÚ¿¡°Ô À̸ÞÀÏ º¸³»±â




Ç¥ÁØÁؼö

1. ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁöµéÀº ÀÎÅÍ³Ý À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ¿¡ µû¸£°í ÀÖ½À´Ï´Ù. À̰ÍÀº ¾ðÁ¦³ª Àǹ®ÀÇ ¿©Áö°¡ ÀÖ´Â ÁÖ°üÀû ÆÇ´ÜÀÔ´Ï´Ù. ¸¹Àº Á¢±Ù¼º Ư¡µéÀÌ ÆÇ´ÜµÉ ¼ö ÀÖÁö¸¸ ¶Ç, ¸¹Àº ´Ù¸¥ Ư¡µéÀº ±×·¸Áö ¾Ê½À´Ï´Ù. ¿©±â¿¡ ÀÖ´Â ¸ðµç ÁöħµéÀ» Àç°ËÅäÇØº¸¾Ò´Âµ¥, ¸ðµç ÆäÀÌÁöµéÀÌ Áöħ¿¡ µû¸£°í ÀÖ´Ù°í ¹Ï½À´Ï´Ù.

2. ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁöµéÀº WCAG AAA·Î ½ÂÀεǾú°í W3C Web Content Accessbility GuidelinesÀÇ 1,2,3 ÁöħÀ» ¿ì¼±À¸·Î µû¸£°í ÀÖ½À´Ï´Ù. À̰ÍÀº ¶ÇÇÑ Àǹ®ÀÇ ¿©Áö°¡ ÀÖ´ÂÁÖ°üÀû ÆÇ´ÜÀÔ´Ï´Ù. ¸¹Àº ÁöħµéÀÌ ÀǵµÀûÀ¸·Î ¸ðÈ£Çϰí, ÀÚµ¿ÀûÀ¸·Î Å×½ºÆ®µÉ ¼ö ¾ø±â ¶§¹®ÀÔ´Ï´Ù. ¸ðµç ÁöħµéÀ» Àç°ËÅä ÇØ º¸¾Ò´Âµ¥, ¸ðµç ÆäÀÌÁöµéÀÌ Áöħ¿¡ µû¸£°í ÀÖ´Ù°í ¹Ï°í ÀÖ½À´Ï´Ù.

3. ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁöµéÀº ¹Ì±¹ ÀçȰ¹ý 508Á¶ ±âÁØÀ¸·Î ½ÂÀεǾú°í, ¹Ì±¹ ÀçȰ¹ý 508Á¶ ±âÁØ °¡À̵å¶óÀÎÀ» µû¸£°í ÀÖ´Ù°í ¹Ï½À´Ï´Ù.

4. ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁöµéÀº XHTML 1.0 Transitional·Î¼­ À¯È¿ÇÕ´Ï´Ù. À̰ÍÀº Àǹ®ÀÇ ¿©Áö°¡ ÀÖ´Â ÁÖ°üÀû ÆÇ´ÜÀÌ ¾Æ´Ñ °´°üÀûÀÎ °ÍÀÔ´Ï´Ù. ¿¡µðÅÍ¿¡ ÀÇÇØ µî·ÏµÇ°Å³ª, ¹®¼­ Á¦ÀÛ Åø¿¡¼­ º¹ÇÏ¿© ºÙÀÎ °Ô½Ã¹°µµ ÀÚµ¿ÀûÀ¸·Î ¼Ò½º¸¦ ±³Á¤ÇÏ¿© 100% XHTML À¯È¿¼ºÀÇ Á¤È®¼ºÀ» °¡Áö°í ÀÖ½À´Ï´Ù. XHTMLÀ¯È¿¼ºÀ» Ã¼Å©ÇØº¸½Ê½Ã¿À. http://validator.w3c.org

5. ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁöµéÀº ±¸Á¶È­µÈ ÀÇ¹Ì ¸¶Å©¾÷À» »ç¿ëÇÕ´Ï´Ù. H1 ű״ ¸ÞÀÎ·Î°í¸¦ À§ÇØ »ç¿ëµÇ°í, H2 ű׵éÀº ¸ÞÀΟÀÌÆ²À» À§ÇØ »ç¿ëµÇ°í, H3 ű׵éÀº ºÎÁ¦¸¦ À§ÇØ »ç¿ëµË´Ï´Ù.




ÅØ½ºÆ® Àü¿ë

1. ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ³»¿ëÀº °í´ëºñ ÅØ½ºÆ® Àü¿ë ¸ðµå·Î º¯°æ °¡´ÉÇÕ´Ï´Ù.
2. ÅØ½ºÆ® Àü¿ë¸ðµå·Î À̵¿Àº »ó´ÜÀÇ ÅØ½ºÆ® Àü¿ë ¸µÅ©¸¦ Ŭ¸¯Çϰųª Á¢±ÙŰ 5¹øÀ¸·Î º¯°æ °¡´É ÇÕ´Ï´Ù.




PC ¹öÀü

1. PC ¹öÀü ¸ðµå´Â ±×·¡ÇȰú ÇÔ²² Á¦°øµÇ´Â µ¥½ºÆ®Å¾¿ë ¹öÀüÀÔ´Ï´Ù.
2. PC¸ðµå·Î À̵¿Àº »ó´Ü¸Þ´ºÀÇ PC¹öÀü ¸µÅ©¸¦ Ŭ¸¯Çϰųª Á¢±ÙŰ 6¹øÀ¸·Î º¯°æ °¡´ÉÇÕ´Ï´Ù.




¸ð¹ÙÀÏ

1. ¸ð¹ÙÀÏ Á¢¼Ó±â±â·Î Á¢¼ÓÇßÀ» ¶§ ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁö´Â ¸ð¹ÙÀÏȯ°æ¿¡ ¸Â°Ô ·¹À̾ƿôÀÌ º¯ÇüµÇ¾î ¸ð¹ÙÀÏ »ç¿ëÀÚµéÀÇ À̿뿡 ºÒÆíÇÔÀÌ ¾øµµ·Ï ¼³°èµÇ¾î ÀÖ½À´Ï´Ù.
2. ¸ð¹ÙÀÏÀ¥À¸·Î À̵¿Àº »ó´ÜÀÇ ¸ð¹ÙÀÏ ¸µÅ©¸¦ Ŭ¸¯Çϰųª Á¢±ÙŰ 7¹øÀ¸·Î º¯°æ °¡´ÉÇÕ´Ï´Ù.




¾ð¾î

1. ÀÌ »çÀÌÆ®¿¡ »ç¿ëµÈ ±âº» ¾ð¾î´Â Çѱ¹¾îÀÌ¸ç º»¹®³»¿ë¿¡ ¿µ¾î µî ´Ù¸¥ ¾ð¾î°¡ »ç¿ëµÈ °æ¿ì »ç¿ë¾ð¾îº°·Î ¸¶Å©¾÷ÀÌ µÇ¾î ÀÖ½À´Ï´Ù.
2. ¸ðµç ÄÜÅÙÃ÷´Â »óÅÂÅ©±âÆùÆ®·Î ÁöÁ¤µÇ¾î ÀÖ½À´Ï´Ù. ºê¶ó¿ìÀú ÅØ½ºÆ® ¼³Á¤¿¡ µû¶ó Àç¼³Á¤ÇÒ Çʿ䰡 ¾øÀ¸¸ç ³ªÀÌ¿¡ »ó°ü¾øÀÌ À¥ÆäÀÌÁö¸¦ ¸íÈ®ÇÏ°Ô º¼ ¼ö ÀÖ½À´Ï´Ù.




³×ºñ°ÔÀ̼Ç

1. ¸ðµç ÆäÀÌÁöµéÀº ÅØ½ºÆ®¸¸À¸·Î µÈ ºê¶ó¿ìÀúµé ¾È¿¡¼­ ³×ºñ°ÔÀ̼ÇÀ» µ½´Â rel=previous, next, up, ±×¸®°í home ¸µÅ©µéÀ» °¡Áö°í ÀÖ½À´Ï´Ù. ³Ý½ºÄÉÀÌÇÁ 6°ú ¸ðÁú¶ó »ç¿ëÀÚµéÀº ÀÌ Æ¯Â¡À» ÀÌ¿ëÇÒ ¼ö Àִµ¥, View menu, Show/Hide, Site Navigation Bar,Show Only As Needed(¶Ç´Â Show Always)¸¦ ¼±ÅÃÇÔÀ¸·Î½á °¡´ÉÇÕ´Ï´Ù.

2. ÀÌ Á¤º¸µéÀº ¸î °¡Áö ¹æ½Ä¿¡¼­ »óÈ£ ÂüÁ¶ ÀûÀÔ´Ï´Ù. ÀÌ Á¤º¸µéÀ» »ç¶÷¿¡ µû¶ó, Àå¾Ö¿¡ µû¶ó, µðÀÚÀÎ ¿øÄ¢¿¡ µû¶ó, Áö¿ø±â¼ú¿¡ µû¶ó, ÃâÆÇµµ±¸¿¡ µû¶ó »ìÆìº¼ ¼ö ÀÖ½À´Ï´Ù.

3. ȨÆäÀÌÁö¿Í ¸ðµç ÆäÀÌÁöµéÀº °Ë»ö¹Ú½º(Á¢±ÙŰ 4)¸¦ Æ÷ÇÔÇÕ´Ï´Ù. °í±Þ °Ë»ö ¼±ÅÃÀº °í±Þ °Ë»öÆäÀÌÁö¿¡¼­ Ȱ¿ë °¡´ÉÇÕ´Ï´Ù.




¸ÞÀÎÄÜÅÙÃ÷ÀÇ ¿ì¼±Á¦°ø

1. ¸ÞÀÎÄÜÅÙÃ÷¸¦ ¿ì¼± Á¦°øÇϱâÀ§ÇØ ¼­ºê¸Þ´º¸¦ ¿À¸¥ÂÊÀ¸·Î ¹èÄ¡ÇÏ¿´½À´Ï´Ù.

2. ÅØ½ºÆ®ºê¶ó¿ìÀú »ç¿ëµé¿¡°Ô µµ¿òÀÌ µË´Ï´Ù. ÅØ½ºÆ®ºê¶ó¿ìÀú´Â HTML ¼Ò½º¿¡¼­ ³ªÅ¸³ª´Â ¼ø¼­´ë·Î ³»¿ëÀ» º¸¿©Áֱ⠶§¹®¿¡ ÆäÀÌÁö¸¦ ¹æ¹® ÇÒ ¶§ ¸¶´Ù ³×ºñ°ÔÀÌ¼Ç ¹Ù¸¦ ½ºÅ©·Ñ ÁÙÀ̱â À§Çؼ­ÀÔ´Ï´Ù.

3. ½ºÅ©¸° ¸®µå »ç¿ëÀڵ鿡°Ô µµ¿òÀ» ÁÝ´Ï´Ù. ÁøÂ¥ ³»¿ëÀ» µè±âÀ§ÇØ ÄÜÅÙÃ÷±îÁö Á¢±Ù ½Ã°£À» ½Ã°£À» ÁÙÀ̱â À§Çؼ­ÀÔ´Ï´Ù.




°Ô½ÃÆÇ »ç¿ë

1. °Ô½ÃÆÇ È£Ãâ½Ã ÆäÀÌÁö ŸÀÌÆ²À» °Ô½ÃÆÇ¿¡ Ư¼º¿¡ ¸Â°Ô Á¦°øµË´Ï´Ù.
¸®½ºÆ®¿¡¼­´Â ÆäÀÌÁöŸÀÌÆ²ÀÌ °Ô½ÃÆÇ Âʼö¿Í ÇÔ²² Ç¥½Ã µË´Ï´Ù. °Ô½ÃÆÇ¿¡¼­ ºê¶ó¿ìÀúÀÇ ÆäÀÌÁö ŸÀÌÆ²À» º¸½Ê½Ã¿À.
¡Ø ¿¹) °Ô½ÃÆÇÀ̸§[Âʼö]-ȨÆäÀÌÁö
º»¹® ³»¿ëÀ» ÀÐÀ» ¶§´Â ÆäÀÌÁö ŸÀÌÆ²ÀÌ °Ô½ÃÆÇ ·¹ÄÚµå ŸÀÌÆ²À» ÇÔ²² Ç¥½Ã ÇÕ´Ï´Ù. °Ô½Ã¹°À» Àб⿡¼­ ºê¶ó¿ìÁî »ó´Ü ÆäÀÌÁö ŸÀÌÆ²À» º¸½Ê½Ã¿À.
¡Ø ¿¹) °Ô½Ã¹° Á¦¸ñ- °Ô½ÃÆÇÀ̸§[Âʼö] -ȨÆäÀÌÁö

2. ÆäÀÌÁö 󸮱â´É
Àüü ÆäÀÌÁö (ÃÖ±Ù ±Û°ú ¸¶Áö¸· ±Û)¿¡ ´ëÇÑ ÆäÀÌÁö À̵¿ÀÌ ÀÚÀ¯·Ó½À´Ï´Ù.
¸Ó½ºÆ®¿¡¼­´Â ÆäÀÌÁö 󸮿¡ À־ ÃÖ±Ù ÆäÀÌÁö¸¸ Ãâ·ÂÇØ¼­´Â ¾È µÇ¸ç Áß°£ À̵¿ÀÌ °¡´ÉÇÑ ÆäÀÌÁö ó¸® ±â´ÉÀ¸·Î ±¸ÇöµÇ¾î ÀÖ½À´Ï´Ù.

3. °Ô½ÃÆÇ ÆäÀÌÁöÀ̵¿Àº Űº¸µå Ctrl + ¹æÇâŰ·Î ÆäÀÌÁö À̵¿ÀÌ °¡´É ÇÕ´Ï´Ù.




¸µÅ©

1. ¸¹Àº ¸µÅ©µéÀÌ Å¸ÀÌÆ² ¼Ó¼ºµéÀ» °¡Áö°í Àִµ¥, À̰ÍÀº ¸µÅ©ÀÇ ÅØ½ºÆ®°¡ (±ÛÀÇ Á¦¸ñ°ú °°Àº) ³»¿ëÀ» ÃæºÐÈ÷ ¼³¸íÇϰí ÀÖÁö ¾Ê´Ù¸é, ±× ¸µÅ©¸¦ »ó¼¼ÇÏ°Ô ¼³¸íÇÕ´Ï´Ù.
2. ¸µÅ©µéÀº ¹®¸Æ¿¡¼­ ¶°³ª¼­µµ ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ¾²¿© ÀÖ½À´Ï´Ù.




À̹ÌÁö

1. ÀÌ »çÀÌÆ®¿¡ »ç¿ëµÈ ¸ðµç ³»¿ë À̹ÌÁöµéÀº ¼³¸íÀûÀÎ ALT ¼Ó¼ºÀ» Æ÷ÇÔÇÕ´Ï´Ù. ´Ü¼øÈ÷ Àå½ÄÀûÀÎ ±×·¡ÇȵéÀº °ø¹é ALT ¼Ó¼ºµéÀ» Æ÷ÇÔÇÕ´Ï´Ù.
2. º¹ÀâÇÑ À̹ÌÁöµéÀº ½Ã°¢ÀûÀ¸·Î °¢ À̹ÌÁö¸¦ º¸Áö ¸øÇÏ´Â »ç¶÷µé¿¡°Ô ¼³¸íÇϱâ À§ÇØ LONGDESC ¼Ó¼ºÀ̳ª inline ¼³¸íÀ» Æ÷ÇÔÇÕ´Ï´Ù.
3.»ç¿ëµÈ ¸ðµç À̹ÌÁö´Â Æ÷Åä¼¥ µî À̹ÌÁö Á¦ÀÛÅø ·Î´Â ¸¸µé ¼ö ¾ø´Â °í¾ÐÃà À̹ÌÁö·Î µÇ¾î ÀÖ¾î ·Îµù¼Óµµ°¡ ºü¸¨´Ï´Ù.




ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ë

1. ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ÆäÀÌÁö´Â ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ë ÇÏÁö ¾Ê´õ¶óµµ »ç¿ëÀÌ °¡´ÉÇÏ°Ô ¼³°èµÇ¾ú½À´Ï´Ù. ¸ÞÀθ޴ºµµ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ Áö¿øÇÏÁö ¾Ê´õ¶óµµ ÇÏÀ§¸Þ´º°¡ ³ªÅ¸³³´Ï´Ù.
2. ÀÚ¹Ù½ºÅ©¸³Æ®´Â º¸Á¶ÀûÀ¸·Î »ç¿ëÇÏ¸ç ¸ðµç ºê¶ó¿ìÁî¿¡¼­ Áö¿øÇÏ´Â jQuery¸¦ »ç¿ëÇÕ´Ï´Ù. ÀÚ¼¼ÇÑ ³»¿ë ȨÆäÀÌÁö http://jquery.com/À» ¹æ¹®ÇÏ¿© È®ÀÎÇϽñ⠹ٶø´Ï´Ù.




¸Ó¸®±ÛÀÚ »ç¿ë

1. ÀÌ »çÀÌÆ®¿¡ »ç¿ëµÈ ¸ðµç ¾à¾îµéÀº ¸Ó¸®±ÛÀÚ¸¦ »ç¿ëÇÕ´Ï´Ù.
2. ¿ÀÆä¶óºê¶ó¿ìÀú »ç¿ëÀÚµéÀº ¸Ó¸®±ÛÀÚ Á¦¸ñÀ» ÅøÆÁÀ¸·Î ³ªÅ¸³»±â ¶§¹®¿¡ ¾à¾îÀÌÇØ¿¡ µµ¿òÀ» ÁÝ´Ï´Ù.
3. ¸ðÁú¶ó´Â ¾à¾î¿¡ ÀÚµ¿ÀûÀ¸·Î Á¡¼±À¸·Î ¹ØÁÙ ÃÄÁø ¸Ó¸®±ÛÀÚ¸¦ Ç¥½ÃÇÏ¿© ÁÝ´Ï´Ù.




ºñÁÖ¾ó µðÀÚÀÎ

1. ÀÌ »çÀÌÆ®´Â ½Ã°¢Àû ·¹À̾ƿôÀ» À§ÇÑ cascading style sheets¸¦ »ç¿ëÇÕ´Ï´Ù.
2. »ç¿ëµÈ ÆùÆ®´Â »ó´ëÀû ÆùÆ® »çÀÌÁîµéÀ» »ç¿ëÇϴµ¥, ÀÌ´Â ½Ã°¢Àû ºê¶ó¿ìÀú »ç¿ëÀÚµéÀÇ ÅØ½ºÆ®Å©±â Á¶Àý¿¡¼­ ¼³Á¤ÇÕ´Ï´Ù. ºê¶ó¿ìÀúº° ±ÛÀÚÅ©±â Á¶ÀýÀº »çÀÌÆ®µµ¿ì¹Ì ±ÛÀÚÅ©±â¾È³»¿¡¼­ ¼³Á¤¹æ¹ýÀ» º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
3. ºê¶ó¿ìÀú°¡ stylesheets¸¦ ÀüÇô Áö¿øÇÏÁö ¾Ê´õ¶óµµ °¢ ÆäÀÌÁöÀÇ ³»¿ëÀ» ¸ðµÎ ÀÐÀ» ¼ö ÀÖ½À´Ï´Ù.
4. ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÏÁö ¾Ê´õ¶óµµ ¸ðµç ÆäÀÌÁöÀÇ ³»¿ëÀº ¿©ÀüÈ÷ ÀÐÇô Áú¼ö ÀÖÀ¸¸ç, ƯÈ÷ »ó´Ü ³×ºñ°ÔÀ̼ǵµ Á¤»ó ÀÛµ¿ÇÕ´Ï´Ù.