º»¹®°¡±â ÁÖ¿ä¸Þ´º ½Ã°¢Àå¾ÖÀξȳ»

Á¦´ÏÇϿ콺

  1. ·Î±×ÀÎ
  2. ¿äÁòÈ­Á¦
  3. »çÀÌÆ®¼Ò°³
  4. ±âºÎ¾È³»

´ë¹® > »çÀÌÆ®¼Ò°³ > À¥Á¢±Ù¼º¿ä°­

»çÀÌÆ®¼Ò°³

W3C À¥Ç¥ÁØ À¥Á¢±Ù¼º »çÀÌÆ®

Á¦´ÏÇϿ콺´Â ÃÖ´ëÇÑ ¸¹Àº »ç¶÷ÀÌ ±â¼ú ¶Ç´Â ¹°¸®Àû ´É·Â¿¡ °ü°è¾øÀÌ ÀÌ È¨ÆäÀÌÁö¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖµµ·Ï ¸¸µé °ÍÀ» ¾à¼ÓÇÕ´Ï´Ù. ±×·¯ÇÑ ¸ñÀû¿¡¼­, Á¦´ÏÇϿ콺´Â À¥ Á¢±Ù¼º¿¡ ´ëÇÑ ¿©·¯ °¡Áö ±¹Á¦ Ç¥ÁØÀ» ÁöħÀ¸·Î Ȱ¿ëÇÏ¿©, ÀüüÀûÀÎ À¯¿ë¼ºÀ» °³¼±Çϱâ À§ÇØ ²ÙÁØÈ÷ ³ë·ÂÇÕ´Ï´Ù.

À¥Ç¥ÁØ, À¥Á¢±Ù¼º Áؼö

  • ÀÌ »çÀÌÆ®ÀÇ ¸ðµç ¹®¼­´Â À¯È¿ÇÑ XHTML 1.0 Transitional ÀÔ´Ï´Ù.
  • Á¦´ÏÇϿ콺´Â W3CÀÇ Web Accessiblility initiative À¥ Á¢±Ù¼º ÀûÇÕµµ ´õºí-A ¸¦ ÁؼöÇÕ´Ï´Ù.(Level Double-A Conformance to Web Content Accessibility Guidelines 2.0)

»çÀÌÆ®ÀÇ À¥ Á¢±Ù¼º ¼¼ºÎ¾È³»

À̹ÌÁö

  • Á¦´ÏÇϿ콺´Â ´Ù¾çÇÑ À¥ ȣȯ¼º ¹× »óÈ£¿î¿ë¼º, ¿Ü±¹Á¢¼ÓÀ» °í·ÁÇÏ¿© À̹ÌÁö¸¦ °ÅÀÇ »ç¿ëÇÏÁö ¾Ê½À´Ï´Ù.
  • ¿Ü¿¡, »çÀÌÆ®¿¡ »ç¿ëµÈ ¸ðµç À̹ÌÁö¿¡´Â ÀûÀýÇÑ ´ëÃ¼ÅØ½ºÆ®(ALT) ¼Ó¼ºÀÌ ÀÖ½À´Ï´Ù. µû¶ó¼­ À̹ÌÁö¸¦ »ç¿ëÇÏÁö ¾Ê°íµµ(ºñȰ¼º) ¸ðµç ³»¿ë¿¡ Á¢±ÙÇÒ ¼ö ÀÖ½À´Ï´Ù.
¸µÅ©
  • ¸µÅ©´Â ¹®¸Æ¿¡ µû¶ó À¯ÀÇÇÏ°Ô ÀÛ¼ºµÇ¸ç, ¿µ±¸ÀûÀÎ ¹®¼­·Î ¿¬°áµË´Ï´Ù.
  • ÀϹݱ۾¾¿Í ¸µÅ©µÈ ±Û¾¾, ¹æ¹®ÇÑ ±Û¾¾, Ŭ¸¯½ÃÀÇ ±Û¾¾»ö»ó(»ç¿ëÀÚUX)µîÀ» ¸íÈ®È÷ ±¸ºÐÇÕ´Ï´Ù.
¾ç½Ä
  • ¾ç½ÄÀÇ ¸ðµç Á¦¾î ±â´É¿¡´Â ÀûÀýÇÏ°í ºÐ¸íÇÑ ·¹À̺íÀÌ Á¦°øµË´Ï´Ù.
  • ¸ðµç ¾ç½Ä¿¡¼­ ¸¶¿ì½º ´ë½Å ÅÇÀ» »ç¿ëÇÏ¿© ÀûÀýÇÏ°Ô À̵¿ÇÒ ¼ö ÀÖ½À´Ï´Ù.
  • ¾ç½Ä È®ÀÎ ±â´ÉÀº Ŭ¶óÀÌ¾ðÆ® ÂÊ ½ºÅ©¸³Æ®¿¡ ÀÇÁ¸ÇÏÁö ¾Ê½À´Ï´Ù.
½ºÅ©¸³Æ®
  • Á¦´ÏÇϿ콺´Â ´«¿¡ ¶çÁö ¾Ê´Â ¹æ½ÄÀÇ Å¬¶óÀÌ¾ðÆ® ½ºÅ©¸³Æ®¸¦ »ç¿ëÇÕ´Ï´Ù.
  • »çÀÌÆ® ÄÜÅÙÃ÷´Â ÀÚ¹Ù½ºÅ©¸³Æ® Áö¿ø ¾øÀ̵µ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.
½Ã°¢Àû µðÀÚÀÎ
  • Á¦´ÏÇϿ콺´Â ½Ã°¢Àû ºê¶ó¿ìÀúÀÇ »ç¿ëÀÚ ÁöÁ¤ ÅØ½ºÆ® Å©±â ¿É¼Ç°ú ȣȯ °¡´ÉÇÑ, »ó´ëÀûÀÎ ±Û²Ã Å©±â¸¸À» »ç¿ëÇÕ´Ï´Ù.
  • ºê¶ó¿ìÀú ¶Ç´Â ºê¶ó¿ì¡ ÀåÄ¡°¡ ½ºÅ¸ÀÏ ½ÃÆ®¸¦ ÀüÇô Áö¿øÇÏÁö ¾Ê¾Æµµ, °¢ ÆäÀÌÁöÀÇ ³»¿ëÀº ¿©ÀüÈ÷ ÀÐÀ» ¼ö ÀÖ½À´Ï´Ù.
  • »ö»óÀ» »ç¿ëÇÏ¿© Àü´ÞµÇ´Â ¸ðµç Á¤º¸´Â »ö»óÀ» »ç¿ëÇÏÁö ¾Ê°íµµ(Áï, ÅØ½ºÆ® ¹æ½ÄÀ¸·Îµµ) ÀÌ¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.

½Ã°¢Àå¾ÖÀÎ ¾È³»

¹Ù·Î Á¢±Ù(Accessiblility) ¸µÅ©

Á¦´ÏÇϿ콺´Â ½Ã°¢Àå¾Ö, ÁöüÀå¾ÖÀÎÀ» À§ÇØ ¹®¼­ ½ÃÀÛ¿¡ º»¹®°¡±â, ÁÖ¿ä¸Þ´º, º»¹®¿µ¿ª¿¡¼­ º»¹®°Ç³Ê¶Ù±â, ¹®¼­ Çϴܺκп¡ ¸Þ´ºµ¹¾Æ°¡±âµîÀÇ ¸Þ´º°Ç³Ê¶Ù±â ¸µÅ©¸¦ Á¦°øÇÕ´Ï´Ù. ±¹³» ÀϺΠȭ¸é³¶µ¶±âÀÇ °æ¿ì “¹Ù·Î Á¢±Ù ¸µÅ©”¸¦ Ŭ¸¯ÇÏ´õ¶óµµ °¡»óÄ¿¼­°¡ ¹®¼­ óÀ½ºÎÅÍ ´Ù½Ã À̵¿µÇ¾î ½ÃÀÛÇÏ´Â ¿À·ù°¡ Á¾Á¾ ÀÖ½À´Ï´Ù.

¹®¼­ Á¦¸ñ(titleű×)

ÇöÀç ¾à 30% ÀÇ ¹®¼­ Á¦¸ñÀº “Á¦´ÏÇϿ콺 - Çѱ¹ÃʰíÃþÄ¿¹Â´ÏƼ”·Î µÇ¾î ÀÖ½À´Ï´Ù. ¹®¼­À§Ä¡³ª ³»¿ë ÆÄ¾ÇÀ» À§ÇØ ÀûÀýÇÑ title ÀÌ Á¦°øµÇ¾î¾ß Çϳª, ¿î¿µ°ü¸® ¸ñÀû»ó Á¦°øÇÏÁö ¸øÇÑ Á¡ »ç°úµå¸³´Ï´Ù.

Valid XHTML 1.0 Transitional Valid CSS! À¥Á¢±Ù¼º ÀûÇÕµµ ´õºí-A