웹 표준과 웹접근성에 대해 자료를 조사하는과정에 '웹접근성 연구소'에서 아래와 같은 내용을 접하였습니다.
플래시 저작도구 자체는 웹 접근성을 확보할 수 있도록 설계되어있지만 현재로써는 MS IE 브라우저에서만 그 혜택을 볼 수 있습니다. IE를 제외한 대중적인 브라우저 Firefox, Opera, Safari, Chrome 에서는 키보드만으로 Object에 접근할 수 없는 치명적인 문제가 여전히 존재하기 때문에 Flash 기술을 활용한 네비게이션은 Flash Player가 다른 모든 브라우저에서의 키보드 접근을 허용하기 전까지는 사용하지 않는 것이 좋습니다. 이 문제는 Adobe사 또는 각 브라우저 벤더들이 풀어야 할 숙제로써 이 문제가 해결되기 전까지는 Flash Navigation의 사용을 권장하지 않습니다.
위 내용에서 보면 홈페이지에서 플래시로 메뉴를 구성하는것은 좋지 않다고 합니다.
만약 플래시로 메뉴를 구성하려할 때에는 크게 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객체 나열 등에 대한 정리는 다음에 기회되는데로 올릴 생각입니다.
(
0)
(
0)
trackback url :: http://blog.spaceinter.com/spaceinter/trackback/155
댓글을 달아 주세요
므훗ㅋㅋ저도 펌....?^^
구준표 닯은게아니라 구준표 따라쟁이네요 ㅋㅋㅋㅋㅋㅋ
나두 따라해보까낭ㅋㅅㅋ
딱 알겠는데...
ㅋㅋㅋ 닮긴 개뿔 아무리 닮았어도 저렇게 따라하고 다니면 쪽팔리지 않냐 ㅋㅋㅋㅋㅋㅋ
보아하니 옆모습사진만 있는데 옆모습만 닮은듯 ㅋㅋㅋ
이민호사진 바로 아래에 있는 사진은 전혀 안닮았는데어쩔? ㅋㅋㅋㅋㅋ
완젼 공감이요!!ㅋㅋㅋㅋ
닮기는 어디가? 눈빛이 틀려. 민호에게 민페!!!!
닮긴했는데 따라하고 다님 안쪽팔리나? ㅋㅋㅋㅋ
눈빛이 틀리네영.. 그래도 기대하겠심..
아참 글고 * 꽃남대박 기원합니다 *
ㅋㅋ아어쩔..저머리ㅋㅋ
저건 민호만소화할슈잇는대
그언젠가 내가 했던 머리랑 비슷하네 +_+;;;
아마 난 "너 번개 맞았어??" 란 소리나...들었던..
"너 머리 왜그래??", "요즘 힘드냐?" 쿨럭;;; ㅋ;
그래도,,구준표가더나아여ㅋㅋ
헐 하나도안닮았음 이민호짱~~~~~~~~~~
이민호가 더 잘생겼어
뭐야 머리스타일만 똑같네..ㅋㅋㅋ
짱!!!!!!!!!!!!!!!!!!!!!!!!!
그치만 구준표가 훠어얼 나아