[G4] [웹접근성] 각종 코드 xhtml 적용하기 > 기술자료

• 목록

그누보드 웹표준화 작업을 위해 조그마한 도움이 되고자 정리해보았습니다.
모두 정리한것은 아니구요.. 게시판을 이용하면서  W3C Validataion 테스트에서 확인된 것들입니다.

확인된 수정되어야할 웹표준은 다음과 같습니다.

소문자로 ex) onClick → onclick , onmouseout → onMouseOut , onmouseover → onMouseOver
<br> → <br />
& → &amp;
< → &lt;
> → &gt;
단위 꼭 입력, 누락시 반영안됨 ex) <td style="padding-left:10"> →  <td style="padding-left:10px">
<table height="100%"> → <table style="height:100%;">
<td height="100%"> → <td style="height:100%;">
"" 는 꼭 ex) <div id=floater> → <div id="floater">
이미지 alt 꼭 ex) <img src="/images/quick_top.jpg" /> → <img src="/images/quick_top.jpg" alt="이름" />
ex) <img src="/images/quick_top.jpg" /> → <img src="/images/spacer.gif" alt="" />

Flash 에서 object 대체코드 및 embed 대체하기 (W3C권장 : http://alistapart.com/articles/flashsatay )
기존
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="728" height="277">
<param name="movie" value="/v6/swf/index.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="/v6/swf/index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="277"></embed></object>

수정후
<object type="application/x-shockwave-flash" data="/v6/swf/sub.swf" width="728" height="174">
<param name="movie" value="/v6/swf/sub.swf" />
<param name="wmode" value="transparent" />
<img src="noflash.gif" width="728" height="174" alt="" />
</object>

이런내용들을 수정하였습니다.
점검 수정된 파일을 다음과 같습니다.

이외에 파일들도 있겠지만.. 일단 외부에서 노춮되는 내용을 위주로 점검했습니다.
스킨은 제외하였습니다.  다들 사용하시는 스킨이 모두 다르시니.....

결론을 말씀드리면...  아래 내용이 수정하시고, 스킨을 웹표준에 최적화된 것을 사용하시면
최근 떠오르는 웹표준화 심사를 무사히 통과하실수 있으실껍니다.

head.sub.php
common.php

bbs/board.php
bbs/list.php
bbs/scrap.php
bbs/scrap_popin.php
bbs/scrap_point_update.php
bbs/scrap_update.php
bbs/search.php
bbs/tb.php
bbs/view.php
bbs/board_tail.php
bbs/norobot.inc.php
bbs/view_comment.php
bbs/write.php

lib/cheditor.lib.php
lib/common.lib.php


웹표준화에 나름 적합하게 만들어본 스킨
게시판 http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=89307
갤러리  http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=89308