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

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

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

만약 플래시로 메뉴를 구성하려할 때에는 크게 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객체 나열 등에 대한 정리는 다음에 기회되는데로 올릴 생각입니다.