3.1.1 가로 1단 메뉴

이 예제는 가로 1단 메뉴에서 접근성을 준수하여 제작하는 과정을 살펴볼 것이다. 메뉴는 아래 예제와 같이 5개의 링크가 가로 1단으로 구성된다.

1) 메뉴 심볼의 준비우선 예제와 같은 가로 1단 메뉴를 제작하기 위해서는 버튼의 역할을 하는 사각형에 정적 텍스트로 메뉴 레이블을 기입한 다섯 개의 심볼이 필요하다. 이 과정은 Flash 콘텐츠 제작의 기본 과정이므로 생략한다.

2) 접근성 기능의 활성화메뉴를 구성하는 요소가 준비되었으면, Flash 저작도구에서 메뉴 컨트롤을 구성할 마우스 포인터를 스테이지에 위치하고 메뉴(윈도/기타 패널/액세스 가능성)를 이용하거나 Shift + F11 키를 눌러 아래 예제와 같은 액세스 가능성 패널을 화면에 띄운다.

패널에서 무비를 액세스 가능하게 만들기 옵션, 자식 객체 액세스 가능 옵션 및 자동 레이블 옵션을 모두 활성화 시킨다. 이 옵션을 활성화시키면 앞으로 만들어지는 메뉴에는 접근성이 제공된다. 접근성이 제공된다는 말은 Tab 키를 이용하여 어떤 메뉴에 초점이 주어지면, 해당 메뉴의 레이블을 보조 기술로 제공하게 되어, 화면 낭독 프로그램이 읽어준다는 의미이다.

또한 액세스 가능성 패널에서 이름난과 설명난은 비워둔다. 이 부분에 텍스트를 기입하면, Tab 키를 이용하여 메뉴에 초점이 주어질 때마다 이름난과 설명난에 기입한 텍스트를 읽어주게 된다. 따라서 메뉴의 구성이나 사용법이 기존의 메뉴 구성과 다르거나 독특할 경우에는 설명난을 이용하여 메뉴의 사용법을 제공할 수 있다.

메뉴의 구성메뉴 전체를 접근성 있게 준비하는 과정이 완료되면, 개별 메뉴 버튼에 대한 접근성 관련 설정을 하여야 한다. 즉 각 버튼별로 아래 예제와 같이 액세스 가능성 패널을 열어 객체를 액세스 가능하게 만들기 옵션을 활성화 시킨다.

이 옵션을 활성화 시키면 해당 메뉴에 초점이 주어졌을 때에 메뉴 레이블을 읽어주거나 이름난과 설명난을 읽어주게 된다. 만일 이름이나 설명난에 텍스트가 기입되어 있을 경우에는 메뉴 레이블 대신 이름이나 설명을 읽어준다. 이 과정을 모든 메뉴 버튼에 대해서 수행한다.

4) Tab 키의 이동 순서 설정Tab 키에 의한 이동순서는 메뉴 버튼의 제작 순서에 따라 결정된다. 대부분 큰 문제가 없으나, Tab 키에 의한 초점의 이동 순서가 당초 예상했던 순서와 다를 경우에는 액세스 가능성 패널의 탭 인덱스난을 이용하여 Tab 키에 의한 이동 순서를 통제할 수 있다. 예를 들면 5개의 메뉴 버튼의 Tab 인덱스를 각각 1, 2, 3, 4, 5 로 부여할 수 있다. 여기서 Tab 인덱스의 값은 크기와 순서가 중요할 뿐 연속된 숫자인가는 중요하지 않다.

5) ActionScript의 작성마지막으로 각 메뉴에 대한 ActionScript 패널을 열어 각 메뉴를 눌렀을 때에 이동할 URL을 기입하면 접근성 있는 가로 1단 메뉴가 완성된다.

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