플래시 오브젝트 삽입과 noscript

플래시 넣는 방법은 정말로 다양합니다. 그중에 제가 오늘 읽은 [웹접근성]Flash의 Object의 접근성(noscript포함)에서는 접근성을 높이면서 플래시를 페이지에 넣는 방법을 고민하고 있습니다. 플래시에 대한 대체 콘텐츠도 제공하면서 noscript를 사용하여 스크립트 대체 기능도 제공하려하고 있습니다. 하지만 잘못 사용되고 있는 부분이 있습니다.

제가 만든 IE_HtmlRewrite 스크립트를 이용하고 있는데, 이 스크립트는 HTML 콘텐츠를 변경하지 않기 때문에 noscript가 필요 없습니다. 제가 처음에 IE_HtmlRewrite를 만들 때에는 분쟁이 임시적일 것이라고 생각했기 때문에 나중에 간단하게 지울수 있는 방법을 고민하고 만들었습니다. MS와 Eolas가 이미 합의를 했기 때문에 HTML은 그냥 두고 스크립트 태그만 살짝 지우면 됩니다.

이제 이올라스 패치에 영향을 받는 사용자는 윈도우 업데이트를 하지 않은 취약한 운영체제를 사용하는 사용자이기 때문에 그 수가 매우 적을 것으로 생각 됩니다. 혹시나 클라이언트가 아직도 플래시에 테두리 생기는 컴퓨터를 사용한다면 윈도우 업데이트를 권장해 주세요. 그리고 혹시나 업데이트를 하지 않더라도 실제로 콘텐츠를 사용하는데는 클릭 한 번 해줘야 한다는 것을 제외하고는 아무런 문제가 없기 때문에 스크립트를 써가면서 복잡하게 만들 필요가 없습니다.

조건부 주석(conditional comment)도 IE8의 표준 모드에서는 표준대로 object 안의 콘텐츠를 대체 콘텐츠로 인식하기 때문에 더이상 필요없습니다. IE8만을 위해서라면 표준 구문에 무비 경로를 나타내는 param 요소만 추가해서 쓰면 됩니다.

<object type="application/x-shockwave-flash" data="abc.swf" width="100" height="100">
	<param name="movie" value="abc.swf">
	<p><img src="abc.jpg" alt="abc"></p>
</object>

물론 IE6, IE7 호환을 무시하는 것은 아주 위험한 행동이기 때문에 보통 사이트를 제작 할 때에는 조건부 주석까지는 사용하고 스크립트 없이 표준 코드만 사용해도 충분합니다.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebasehttp://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="100" height="100">
	<param name="movie" value="abc.swf">
	<!--[if !IE]> <-->
	<object type="application/x-shockwave-flash" data="abc.swf" width="100" height="100">
		<p><img src="abc.jpg" alt="abc"></p>
	</object>
	<!--> <![endif]-->
</object>

그래도 혹시 1명이라도 있을 사용자를 위해서 스크립트 방식을 써야겠다는 분들은 noscript없이 사용하시면 됩니다. HTML 코드에 모든 콘텐츠가 있다면 noscript는 사용하지 않아야 합니다. 자신의 코드가 옳다고 확신하신다면 카도와같은 접근성 평가 프로그램이 경고를 나타내는 것은 무시하셔도 됩니다.

September 07, 2009 11:22 PM