Home > 웹 콘텐츠 신기술 제작기법 > 접근성 있는 Flash 제작기법 > Flash 콘텐츠 구현 예 > 사용자 UI를 고려한 콘텐츠
웹 페이지에 가장 많이 사용되는 Flash 콘텐츠의 하나가 스크롤 배너이다. 스크롤 배너에도 일정한 시간 간격으로 스스로 스크롤하는 배너, 좌우 이동 버튼을 누를 때마다 좌우로 스크롤 하는 배너, 그리고 배너의 수만큼 버튼을 제공하여 직접 해당 배너로 이동할 수 있도록 한 배너 등이 대표적이다.
자동 스크롤 배너는 일정한 시간 간격이 지나면 스스로 다음 배너로 스크롤 하는 배너이다. 사용방법은 마우스 포인터를 올려놓거나 Tab 키로 이동하여 초점이 주어지면, 배너가 더 이상 회전하지 않고 키보드의 반응이나 마우스 반응을 기다린다.
자동 스크롤 배너를 접근성 있게 만들기 위해서는 1차로 모든 배너 이미지를 무비클립이나 버튼으로 만든다. Flash 콘텐츠에서 링크를 제공할 수 있는 요소는 무비클립이거나 버튼이어야 한다.
버튼에는 자식 객체가 없으므로 그 자체의 접근성을 설정하면 된다. 그러나 무비 클립에는 자식 객체가 존재하므로 각각의 접근성 여부를 설정해줘야 한다.
무비클립에서 자식객체 액세스 가능 옵션을 비활성으로 설정하면 버튼과 동일한 기능을 갖는다.
자동 스크롤 배너를 5개의 무비클립으로 구성한다고 하면, 이들 5개의 무비클립은 화면에 나타나는 순서와 동일한 순서로 탭 인덱스를 설정하여야 한다. 앞에서도 이야기 하였지만 액세스 가능성 패널에서 설정한 탭 인덱스는 Tab 키에 의한 이동 순서를 의미한다.
화면 낭독 프로그램은 초점이 주어진 무비 클립에 대한 대체 텍스트를 읽어주므로 모든 무비클립에 해당하는 액세스 가능성 패널의 이름난 또는 설명난에 적절한 대체 텍스트를 제공하여야 한다.
[그림] 6장의 배너로 구성된 자동 스크롤 배너 예제
| 이미지 번호 |
하이퍼 텍스트 링크 |
액세스 가능성 패널 설정 | ||||
|---|---|---|---|---|---|---|
| 무비를 액세스 가능하게 만들기 |
자식 객체 액세스 가능 |
이름 | 설명 | Tab 인덱스 |
||
| 1 | http:// ... | 체크 | 언체크 | 질의응답 | 질의분야를 선택하신후... 공간입니다. |
1 |
| 2 | http:// ... | 체크 | 언체크 | 나의질의조회 | 질의하신 질문과 ... 공간입니다. |
2 |
| 3 | http:// ... | 체크 | 언체크 | 고객센터 FAQ | 질의를 신청하기전... 확인하실 수 있습니다 |
3 |
| 4 | http:// ... | 체크 | 언체크 | 고객상담안내 | 고객의 효과적인 상담을 ... 안내페이지입니다. |
4 |
| 5 | http:// ... | 체크 | 언체크 | 국민제안 | 행정정책과 ... 제안하실 수 있습니다. |
5 |
| 6 | http:// ... | 체크 | 언체크 | 여론광장 | 생각을 자유롭게 ... 확인하실 수 있습니다. |
6 |
자동 스크롤 배너 자체를 Flash로 제작하는 과정에 대한 설명은 이 문서에서 생략한다.
웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.
(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)
팀 버너스 리 경 - 웹의 창시자 (Tim Berners - Lee , W3C Director and inventor of the World Wide Web)
