3.1.2 가로 2단 롤오버 메뉴

Flash 콘텐츠 중에서 일반적으로 사용되는 가로 2단 메뉴의 경우에도 가로 1단 메뉴와 제작방법이 동일하다. 예를 들어 아래와 같이 가로 2단 메뉴를 구성하고, 하위 메뉴는 주 메뉴에 초점이 주어졌을 때에 자동적으로 나타나도록 한다. 즉 롤오버 메뉴의 형태가 된다.

가로 2단 롤오버메뉴를 제작하는 과정은 가로 1단 메뉴를 제작하는 과정과 유사하다.

1) 주 메뉴 및 하위 메뉴 심볼의 준비위와 같은 가로 2단 메뉴를 제작하기 위해서는 가로 1단 메뉴와 같이 주 메뉴를 구성할 다섯 개의 심볼이 필요하다. 이 과정은 Flash 콘텐츠 제작의 기본 과정이므로 생략한다.

이어서 하위 메뉴별로 별도의 레이어에 개별 주 메뉴의 하위 메뉴를 백색 직사각형 배경에 늘어놓는다. 위의 예제에서는 정적 텍스트를 심볼로 변경하여 만들었다.

2) 접근성 기능의 활성화스테이지의 액세스 가능성 패널 설정은 가로 1단 메뉴와 동일하다.

3) 메뉴의 구성주 메뉴의 액세스 가능성 패널 설정은 가로 1단 메뉴와 동일하다. 하위 메뉴의 접근성 설정 과정도 주 메뉴의 설정과정과 동일하다.

4) Tab 키의 이동 순서 설정Tab 키에 의한 이동순서는 메뉴 버튼의 제작 순서에 따라 결정된다. 대부분 큰 문제가 없으나, Tab 키에 의한 초점의 이동 순서가 당초 예상했던 순서와 다를 경우에는 액세스 가능성 패널의 탭 인덱스난을 이용하여 Tab 키에 의한 이동 순서를 통제할 수 있다. 즉 가로 2단 롤오버 메뉴의 초점 이동 순서는 주 메뉴, 해당 주 메뉴의 첫 번째 하위 메뉴, 두 번째 하위 메뉴, ... 마지막 하위 메뉴의 순서가 되어야 한다. 따라서 탭 인덱스는 가로 1단 메뉴와 조금 다르게 설정하여야 한다.

가장 쉬운 방법은 주 메뉴의 탭 인덱스를 10, 20, 30, 40, 50으로 부여하고, 첫 번째 주 메뉴의 하위 메뉴의 탭 인덱스를 각각 11, 12, 13, ... 등으로 부여한 후, 두 번째 주 메뉴의 하위 메뉴의 탭 인덱스를 21, 22, 23, ... 등으로 부여하는 것이다. 이 과정을 모든 하위 메뉴에 대해서 수행하면 접근성을 제공하기 위한 모든 준비가 완료된다.

5) 하위 메뉴의 연결과 ActionScript의 작성가로 2단 메뉴에서는 Flash 저작도구의 타임라인을 이용하여 주 메뉴와 하위 메뉴를 연결하여야 한다. 이 과정은 전형적인 Flash 콘텐츠 제작과정이므로 자세한 설명을 생략한다. 또한 하위 메뉴별로 이동할 URL을 기입하기 위하여 ActionScript를 작성하는 과정도 생략한다.

이렇게 만들어진 가로 2단 메뉴는 Tab 키로 이동하는 과정에서 해당 주 메뉴 또는 하위 메뉴에 초점이 주어지며, 이때마다 해당 메뉴에 대한 이름과 설명 또는 레이블을 읽어준다. 센스리더의 경우에는 Flash에 대한 접근성 지원이 미흡하여 URL을 읽어준다.

Flash 콘텐츠는 가로 2단 롤오버 메뉴의 경우에 Up/Down 키를 이용하여 하위 메뉴로의 이동이 가능하다. Left/Right 키를 이용하면 주 메뉴간의 이동이 가능하다. 또한 Enter 키를 이용하면 초점이 주어진 메뉴를 선택할 수 있다.