스페이스 인터내셔널(주) 블로그

효율적인 마크업 뼈대만들기라는 제목으로 포스팅 해놓은 글이 있어서 연결합니다.

요점은 가급적 정해진 규칙대로 간소화하여 정의하자라는 것 같습니다.

1. 축약하지 말고 가능하면 변수에 모든 의미를 담아라
2. rule을 만들었으면 일관성있게 끌고나가는게 중요한것 같다.
3. common한 요소와 unique한 요소를 찾아라

웹표준, 웹접근성을 지켜 코딩하다보면 목록태그, 테이블태그 등이 골치아프게 할때가 많이 있습니다.
이 부분이 번호있는 목록(ul)인지, 정의(dl) 인지, 번호있는 목록(ol)인지,...
또 테이블로 데이터를 구성하다보면 col과 row의 선언이 힘들때가 있습니다.

아래 주소는 그러한 부분에 대한 고민을 어느정도는 해결해줄 것 같습니다.
목록태그 정리 : http://trio.co.kr/webrefer/html/struct/lists.html
테이블태그정리 : http://trio.co.kr/webrefer/html/struct/tables.html
이외에도 표준문서가 한글화 되어 있습니다.
많은 참고되시기  바랍니다.

웹 표준과 웹접근성에 대해 자료를 조사하는과정에 '웹접근성 연구소'에서 아래와 같은 내용을 접하였습니다.

위 내용에서 보면 홈페이지에서 플래시로 메뉴를 구성하는것은 좋지 않다고 합니다.

만약 플래시로 메뉴를 구성하려할 때에는 크게 4가지를 지키시면 그래도 아에 안지킬때 보다는 좋을듯 합니다.
1, 플래시 Object의 Param중 womde의 속성의 값을 'transparent'로 지정 하시면
    안됩니다. 기본 Object선언할때에 womde선언을 생각하지 않으시면 됩니다.
    가끔 배경 디자인을 보이게 하려고 위 속성을 사용하시는데 이럴경우에는
    배경을 플래시에 넣으시고 위치를 잡으시는 방법으로 진행하셔야 합니다.
2. 플래시 자체의 accessibility panel을 이용하여 접근성을 지키셔야 합니다.   
좌측에 이미지는 플래시에서 제공하는 Accessibility panel입니다.

내용에 맞게 name값, Tab index값 등을 입력하시여 접근성에 맞추셔야 합니다.











3. 플래시 Stage에 각 Movie를 메뉴의 순서대로 배치하셔야 합니다.
    위 panel을 이용하여 tabindex를 지키시더라도 각 Moive객체가 순서적이지 못하면 나중에 메뉴가 tab으로 이동할 때 순서가 뒤죽박죽이 됩니다.

4. 위 사항을 다 지키신 후 object를 호출하는 스크립트를 만드실 때 object를
    인식하지 못하는 브라우져를 위해 대체 링크 리스트를 삽입해주시면 됩니다.
    소스 코드는 아래와 같은 방식입니다.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="800" height="80">
<param name="movie" value="menu.swf" />
<!--[if !IE]> <-->
<object type="application/x-shockwave-flash" data="menu.swf" width="800" height="80">
 <p>이 콘텐츠는 Flash로 제작되었습니다. 이 콘텐츠를 보려면 <a href="http://www.adobe.com/kr/products/flashplayer/">Flash Player</a>가 필요합니다.</p>
 <h1>주 메뉴</h1>
 <ul>
  <li>
   <a href="">1번 메뉴</a>
  </li>
  <li>
   <a href="">2번 메뉴</a>
    <ul>
     <li><a href="">2-1번 메뉴</a></li>
     <li><a href="">2-1번 메뉴</a></li>
     <li><a href="">2-1번 메뉴</a></li>
    </ul>
  </li>
 </ul>
</object>
<!--> <![endif]-->
</object>

플래시로 메뉴를 구성할 때 위 4가지를 지킨다면 그래도 안지키는 플래시 메뉴보다는 접근성에 좀더 근접하지 않을까? 하는 생각을 합니다.

플래시의 accessibility panel과 Stage에서의 Movie객체 나열 등에 대한 정리는 다음에 기회되는데로 올릴 생각입니다.