액세스 가능한 내용

액세스 가능성 개요

Adobe Animate의 제작 환경 사용자 인터페이스에 제공되는 액세스 가능성 기능을 통해 액세스 가능성을 구현하도록 설계된 ActionScript®를 활용하여 장애가 있는 사용자를 포함한 모든 사용자가 액세스할 수 있는 내용을 만들 수 있습니다. 액세스 가능한 Animate 응용 프로그램을 디자인할 때는 사용자가 내용과 상호 작용하는 방법을 고려하고 권장되는 디자인 및 개발 방법을 따르십시오.

국제 액세스 가능성 표준

많은 국가들이 W3C(World Wide Web Consortium)에서 개발한 표준에 따라 액세스 가능성 표준을 채택했습니다. W3C에서는 Web Content Accessibility Guidelines(웹 내용 액세스 가능성 지침)를 발표했습니다. 이 지침은 디자이너가 액세스 가능한 웹 내용을 디자인할 때 지켜야 하는 사항을 우선 순위에 따라 설명한 문서입니다. Web Accessibility Initiative에 대한 자세한 내용은 W3C 웹 사이트(w3.org)를 참조하십시오.

미국에서 액세스 가능성을 규정하는 법안은 미국 장애인 복지법의 수정 조항인 제508조입니다.

제508조에 대한 자세한 내용은 다음 웹 사이트를 참조하십시오.

화면 판독기 기술 이해

화면 판독기는 시각 장애가 있는 사용자가 웹 사이트를 탐색할 때 웹 내용을 소리 내어 읽어 주는 소프트웨어 응용 프로그램입니다. 벡터 아트나 애니메이션과 같이 응용 프로그램에 포함된 텍스트 이외의 객체를 화면 판독기가 읽도록 하려면 [액세스 가능성] 패널에서 이름과 설명을 객체에 연결합니다. 정의한 키보드 단축키를 통해 사용자가 화면 판독기에서 문서를 쉽게 탐색할 수 있습니다.

그래픽 객체를 표시하려면 액세스 가능성 패널 또는 ActionScript를 사용하여 설명을 제공합니다.

화면 판독기의 작동 방식은 제어할 수 없습니다. 즉, 사용자는 내용만 제어할 수 있습니다. Animate 응용 프로그램에서 이 내용을 표시하여 텍스트를 공개하고 화면 판독기 사용자가 그 컨트롤을 작동시킬 수 있게 해야 합니다. 화면 판독기에 표시할 Animate 응용 프로그램의 객체를 결정하고, 해당 객체에 대한 설명을 제공하고, 객체를 화면 판독기에 표시하는 순서를 결정합니다. 그러나 화면 판독기가 특정 텍스트를 특정 시간에 읽도록 한다거나 화면 판독기가 내용을 읽는 방식을 제어할 수는 없습니다. 그러므로 여러 가지 화면 판독기로 응용 프로그램을 테스트하여 예상대로 작동하는지 확인하십시오.

사운드는 대부분의 화면 판독기 사용자에게 가장 중요한 매체입니다. 따라서 문서의 사운드가 화면 판독기에서 읽는 텍스트와 상호 작용하는 방법을 고려해야 합니다. Animate 응용 프로그램에 큰 사운드가 포함되어 있는 경우 화면 판독기 사용자가 화면 판독기의 소리를 듣기 어려울 수 있습니다.

플랫폼 요구 사항

화면 판독기에서 사용할 수 있는 Animate 내용은 Windows 플랫폼에서만 만들 수 있습니다. Animate 내용을 보는 사용자의 시스템에는 Windows 98 이상에 Adobe의 Macromedia Flash® Player 6 이상과 Internet Explorer가 설치되어 있어야 합니다.

Animate및 Microsoft Active Accessibility(Windows만 해당)

Flash Player는 MSAA(Microsoft Active Accessibility)에 맞게 최적화되어 있습니다. MSAA는 응용 프로그램과 화면 판독기 사이에서 정보를 교환하는 설명적이면서 표준화된 방법을 제공합니다. MSAA는 Windows 운영 체제에서만 사용할 수 있습니다. Microsoft의 액세스 가능성 기술에 대한 자세한 내용은 Microsoft 액세스 가능성 웹 사이트(www.microsoft.com/enable/default.aspx)를 참조하십시오.

Windows ActiveX(Internet Explorer 플러그-인) 버전의 Flash Player 6은 MSAA를 지원하지만 Windows Netscape 및 Windows 독립 실행형 플레이어는 MSAA를 지원하지 않습니다.

참고:

MSAA는 현재 불투명 윈도우 없음 모드와 투명 윈도우 없음 모드에서는 지원되지 않습니다. 이 두 모드는 HTML [제작 설정] 패널의 옵션으로, Animate ActiveX 컨트롤과 함께 Windows 버전의 Internet Explorer 4.0 이상에서 사용할 수 있습니다. 화면 판독기에서 Animate 내용에 액세스할 수 있도록 하려면 이러한 모드를 사용하지 마십시오.

Flash Player에서는 다음과 같은 유형의 액세스 가능성 객체에 대한 정보를 MSAA를 사용하는 화면 판독기에서 사용할 수 있도록 합니다.

동적 또는 정적 텍스트

텍스트 객체의 주요 속성은 해당 객체 이름입니다. MSAA 규약에 따라 이 이름은 텍스트 문자열의 내용과 같습니다. 텍스트 객체에는 관련된 설명 문자열도 있을 수 있습니다. Animate에서는 입력 텍스트 필드의 바로 위 또는 왼쪽에 있는 정적 또는 동적 텍스트를 해당 필드의 레이블로 사용합니다.

참고: 레이블이 되는 텍스트가 모두 화면 판독기에 전달되지는 않지만 레이블이 지정되는 객체의 이름으로 사용됩니다. 제작자가 지정한 이름이 없는 버튼이나 텍스트 필드에는 레이블이 지정되지 않습니다.

입력 텍스트 필드

값, 선택적 이름, 설명 문자열, 키보드 단축키 문자열이 있습니다. 입력 텍스트 객체의 이름은 해당 객체의 왼쪽 또는 위에 있는 텍스트 객체에서 가져올 수 있습니다.

버튼

상태가 누름 또는 누르지 않음으로 표시되고, 버튼을 잠깐 동안 누르게 하는 기본 액션을 프로그램으로 작성할 수 있으며, 선택적으로 이름, 설명 문자열, 단축키 문자열을 포함합니다. Animate에서는 버튼 내부에 있는 텍스트 전체를 해당 버튼의 레이블로 사용합니다.

참고: 액세스 가능성 용도로 Flash Player에서는 onPress 등의 버튼 이벤트 핸들러를 사용하여 버튼으로 사용되는 동영상 클립을 동영상 클립이 아니라 버튼으로 간주합니다.

구성 요소

특별한 액세스 가능성 기능을 구현합니다.

동영상 클립

동영상 클립이 액세스 가능한 다른 객체를 포함하지 않거나 사용자가 액세스 가능성 패널을 사용하여 동영상 클립의 이름 또는 설명을 제공한 경우 화면 판독기에 그래픽 객체로 표시됩니다. 액세스 가능한 다른 객체가 동영상 클립에 포함되어 있으면 동영상 클립 자체는 무시되고 클립 내의 객체가 화면 판독기에서 사용됩니다.

참고: 모든 Animate 비디오 객체는 단순한 동영상 클립으로 처리됩니다.

Flash Player에서의 기본적인 액세스 가능성 지원

기본적으로 다음 객체는 모든 Animate 문서에서 액세스 가능한 객체로 정의되며 Flash Player에서 화면 판독기 소프트웨어에 제공하는 정보에 포함됩니다. 액세스 가능성 기능을 사용하지 않는 문서에 대해 일반적으로 지원되는 내용은 다음과 같습니다.

동적 또는 정적 텍스트

텍스트가 화면 판독기 프로그램에 이름으로 전송되지만 설명은 전송되지 않습니다.

입력 텍스트 필드

텍스트가 화면 판독기에 전송됩니다. 정적 텍스트 필드가 입력 텍스트 필드 근처에 있는 등의 경우에서와 같이 입력 텍스트에 대한 레이블 관계가 있는 경우를 제외하고는 이름이 전송되지 않습니다. 설명이나 키보드 단축키 문자열은 전송되지 않습니다.

버튼

버튼의 상태가 화면 판독기로 전송됩니다. 레이블인 경우를 제외하고는 이름이 전송되지 않으며 설명이나 키보드 단축키 문자열도 전송되지 않습니다.

문서

문서 상태가 화면 판독기에 전송되지만 이름이나 설명은 전송되지 않습니다.

청각 장애가 있는 사용자를 위한 액세스 가능성

자료를 이해하는 데 꼭 필요한 오디오 내용의 캡션을 추가합니다. 예를 들어, 연설 비디오의 경우에는 액세스 가능성을 위해 캡션이 필요하지만 버튼을 사용할 때 나는 효과음에는 캡션이 필요 없습니다.

캡션을 Animate 문서에 추가하는 방법은 다음과 같습니다.

  • 텍스트를 캡션으로 추가하고 캡션이 타임라인에서 오디오와 동기화되도록 합니다.

  • Animate용 Hi-Caption SE와 함께 작동하는 Hi Software에서 사용할 수 있는 구성 요소인 Hi-Caption Viewer를 사용합니다. Hi-Caption SE를 사용하여 Macromedia Animate 동영상에 캡션 추가 백서에서는 Hi-Caption SE와 Animate를 함께 사용하여 캡션이 포함된 문서를 만드는 방법을 설명합니다.

시각 장애가 있는 사용자를 위한 애니메이션 액세스 가능성 제공

애니메이션에서 키프레임의 변경된 내용을 표시하려는 경우와 같이 동영상 재생 중에 액세스 가능한 객체의 속성을 변경할 수 있습니다. 하지만 화면 판독기 공급업체마다 프레임의 새 객체를 처리하는 방식이 다릅니다. 새 객체만 읽는 화면 판독기도 있고 전체 문서를 다시 읽는 화면 판독기도 있습니다.

화면 판독기가 읽는 내용이 "너무 많아서" 사용자에게 혼란을 주는 일이 생기지 않도록 문서 내의 텍스트, 버튼 및 입력 텍스트 필드 등을 애니메이션으로 표현하지 마십시오. 또한 내용이 반복되지 않도록 하십시오.

Flash Player에서는 텍스트에 애니메이션을 적용하는 데 텍스트 [분리]와 같은 기능의 실제 텍스트 내용을 확인할 수 없습니다. 문서 내의 객체나 전체 Animate 응용 프로그램에 대한 이름과 설명을 제공한 경우에만 화면 판독기에서 아이콘이나 제스처 애니메이션과 같이 정보를 전달하는 그래픽에 대해 정확한 액세스 가능성을 제공할 수 있습니다. 문서에 보조 텍스트를 추가하거나 중요한 내용을 그래픽에서 텍스트로 바꿀 수도 있습니다.

  1. 액세스 가능성 속성을 변경할 객체를 선택합니다.
  2. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  3. 객체에 대한 속성을 변경합니다.

    또는 ActionScript를 사용하여 액세스 가능성 속성을 업데이트합니다.

액세스 가능한 내용 테스트

액세스 가능한 Animate 응용 프로그램을 테스트할 때는 다음 권장 사항을 따릅니다.

  • 여러 가지 화면 판독기를 다운로드한 다음 브라우저에서 화면 판독기를 활성화한 상태에서 응용 프로그램을 실행하여 테스트합니다. 별도의 오디오가 삽입된 문서에서 화면 판독기가 "너무 많은" 정보를 전달하지 않도록 하십시오. 일부 화면 판독기 응용 프로그램의 경우 무료로 다운로드할 수 있는 데모 버전의 소프트웨어를 제공하므로 되도록 많은 화면 판독기를 테스트하여 여러 화면 판독기 간의 호환성을 확인할 수 있습니다.

  • 대화형 내용을 테스트하고 사용자가 키보드만으로 내용을 효율적으로 탐색할 수 있는지 확인합니다. 키보드 입력 내용을 처리하는 방식은 화면 판독기마다 달라서 예상과 달리 키 입력이 Animate 내용에 전달되지 않을 수도 있습니다. 모든 키보드 단축키를 테스트합니다.

Animate를 사용하여 화면 판독기용 액세스 가능성 정보 입력

화면 판독기 및 액세스 가능성을 위한 Animate

화면 판독기는 내용에 대한 설명과 텍스트를 읽어 주며, 사용자가 메뉴, 툴바, 대화 상자, 입력 텍스트 필드 등의 일반적인 응용 프로그램 사용자 인터페이스를 탐색할 수 있도록 도와 줍니다.

기본적으로 다음 객체는 모든 Animate 문서에서 액세스 가능한 객체로 정의되며 Flash Player에서 화면 판독기 소프트웨어에 제공하는 정보에 포함됩니다.

  • 동적 텍스트

  • 입력 텍스트 필드

  • 버튼

  • 동영상 클립

  • 전체 Animate 응용 프로그램

    Flash Player에서는 텍스트 내용인 정적 및 동적 텍스트 객체에 대해 자동으로 이름을 제공합니다. 액세스가 가능한 각 객체에 대해 화면 판독기가 큰 소리로 읽도록 설명형 속성을 설정할 수 있습니다. Flash Player에서 화면 판독기에 표시할 객체를 결정하는 방법도 제어할 수 있습니다. 예를 들어, 액세스 가능한 특정 객체가 화면 판독기에 표시되지 않도록 지정할 수 있습니다.

Animate 액세스 가능성 패널 

Animate [액세스 가능성] 패널([윈도우] > [기타 패널] > [액세스 가능성])을 사용하면 화면 판독기에 액세스 가능성 정보를 제공하고 개별 Animate 객체 또는 전체 Animate 응용 프로그램에 대한 액세스 가능성 옵션을 설정할 수 있습니다.

참고:

또한, ActionScript 코드를 사용하여 액세스 가능성 정보를 입력할 수 있습니다.

스테이지에서 객체를 선택한 경우에는 해당 객체를 액세스 가능하도록 설정하고 객체에 대한 옵션 및 탭 순서를 지정할 수 있습니다. 동영상 클립의 경우, 자식 객체 정보를 화면 판독기에 전달할지 여부를 지정할 수 있습니다. 이 옵션은 객체를 액세스 가능하도록 설정할 때 기본적으로 선택됩니다.

스테이지에서 객체를 선택하지 않고 [액세스 가능성] 패널을 사용하면 전체 Animate 응용 프로그램에 대해 액세스 가능성 옵션을 지정할 수 있습니다. 전체 응용 프로그램 및 자식 객체를 액세스 가능하도록 설정하고, Animate에서 객체에 자동으로 레이블을 지정하도록 하고, 객체에 이름과 설명을 지정할 수 있습니다.

Animate 문서의 모든 객체에 액세스 가능성 옵션을 적용하려면 객체에 인스턴스 이름이 있어야 합니다. 객체의 인스턴스 이름은 속성 관리자에서 만듭니다. 인스턴스 이름은 ActionScript에서 객체를 참조할 때 사용됩니다.

[액세스 가능성] 패널에서 사용할 수 있는 옵션은 다음과 같습니다.

객체 액세스 가능

(기본값) 객체에 대한 액세스 가능성 정보를 화면 판독기에 전달하도록 Flash Player에 지시합니다. 이 옵션을 선택하지 않으면 객체에 대한 액세스 가능성 정보가 화면 판독기에 전달되지 않습니다. 내용과 관련이 없거나 장식용의 일부 객체는 액세스 가능하도록 설정하면 오히려 화면 판독기에서 혼란스러운 결과를 초래할 수 있으므로, 내용에 대한 액세스 가능성을 테스트할 때는 이 옵션을 사용하지 않는 것이 좋습니다. 그런 다음 레이블이 지정된 객체에 수동으로 이름을 적용하고 [객체 액세스 가능]의 선택을 취소하여 레이블 텍스트를 숨길 수 있습니다. [객체 액세스 가능]을 사용하지 않으면 [액세스 가능성] 패널의 다른 모든 컨트롤도 사용할 수 없게 됩니다.

자식 객체 액세스 가능

(동영상 클립 전용; 기본값) 자식 객체 정보를 화면 판독기에 전달하도록 Flash Player에 지시합니다. 동영상 클립에 대해 이 옵션을 선택 취소하면 해당 동영상 클립은 텍스트, 버튼 및 기타 객체를 포함하는 경우에도 액세스 가능한 객체 트리에 단순 클립으로 나타납니다. 동영상 클립에 포함된 모든 객체는 객체 트리에서 숨겨집니다. 이 옵션은 주로 내용과 관련이 없는 객체를 화면 판독기에 표시하지 않으려는 경우에 유용합니다.

참고: 동영상 클립이 버튼으로 사용되는 경우, 즉 onPress 또는 onRelease 등의 버튼 이벤트 핸들러가 할당된 경우 버튼은 항상 단순한 클립으로 처리되므로 [자식 객체 액세스 가능] 옵션이 무시되며 레이블의 경우 외에는 해당 자식을 검사하지 않습니다.

자동 레이블

스테이지의 객체에 자동으로 레이블을 지정하도록 Animate에 지시합니다. 이때 해당 객체와 연관된 텍스트가 사용됩니다.

이름

객체 이름을 지정합니다. 화면 판독기에서는 이 이름을 읽어 객체를 식별합니다. 액세스 가능한 객체에 이름이 지정되지 않으면 화면 판독기에서 버튼과 같은 일반적인 단어를 읽을 수 있으므로 혼란이 생길 수 있습니다.

참고: [액세스 가능성] 패널에서 지정한 객체 이름과 속성 관리자에서 지정한 인스턴스 이름을 혼동하지 마십시오. [액세스 가능성] 패널에서 객체에 이름을 지정하면 인스턴스 이름이 지정되지 않습니다.

설명

화면 판독기에 제공할 객체 설명을 입력할 수 있습니다. 화면 판독기에서 이 설명을 읽습니다.

단축키

사용자에게 키보드 단축키를 설명합니다. 화면 판독기에서 이 텍스트 필드에 있는 텍스트를 읽습니다. 이 텍스트 상자에 키보드 단축키 텍스트를 입력한다고 해서 선택한 객체에 대한 키보드 단축키가 만들어지는 것은 아닙니다. 단축키를 만들려면 ActionScript 키보드 핸들러를 제공해야 합니다.

탭 인덱스(만 해당)

사용자가 Tab 키를 누를 때 객체가 액세스되는 순서를 지정하는 탭 순서를 만듭니다. 탭 인덱스 기능은 페이지의 키보드 탐색에 영향을 주며 화면 판독기의 읽는 순서에는 영향을 주지 않습니다.

버튼, 텍스트 필드, 전체 SWF 응용 프로그램의 이름 선택

액세스 가능성 패널에서 다음과 같은 방법으로 버튼 및 입력 텍스트 필드에 이름을 지정하면 화면 판독기가 이들 객체를 올바르게 식별할 수 있습니다.

  • 자동 레이블 기능을 사용하여 객체와 인접한 텍스트 또는 객체의 텍스트를 레이블로 지정합니다.

  • [액세스 가능성] 패널의 [이름] 필드에 특정 레이블을 입력합니다.

    Animate는 버튼이나 텍스트 필드의 위, 안쪽 또는 그 근처에 배치된 이름을 자동으로 텍스트 레이블로 적용합니다. 버튼 레이블은 버튼 내부에 나타나야 합니다. 다음 예제에 나타난 버튼의 경우 대부분의 화면 판독기에서는 먼저 버튼이라는 단어를 읽고 그 다음에 텍스트 레이블인 을 읽습니다. 사용자는 Return 또는 Enter 키를 눌러 버튼을 활성화할 수 있습니다.

    양식에는 사용자가 이름을 입력하는 입력 텍스트 필드가 있을 수 있습니다. 이름이라는 텍스트가 포함된 정적 텍스트 필드는 입력 텍스트 필드 옆에 나타납니다. Flash Player에서는 텍스트 필드가 이와 같이 배치되어 있는 경우 정적 텍스트 객체가 입력 텍스트 필드의 레이블로 간주됩니다.

    예를 들어, 양식에서 다음과 같은 부분이 나오면 화면 판독기는 "Enter your name here."를 읽습니다.

    자동 레이블 기능이 문서에 적합하지 않으면 [액세스 가능성] 패널에서 이 기능을 해제합니다. 문서의 특정 객체에 대해 자동 레이블 기능을 해제할 수도 있습니다.

객체에 이름 지정

응용 프로그램의 일부에 대해 자동 레이블 기능을 해제하고 [액세스 가능성] 패널에서 객체에 대한 이름을 지정할 수 있습니다. 자동 레이블 기능을 사용하는 경우에도 특정 객체를 선택하고 [액세스 가능성] 패널의 [이름] 텍스트 필드에 객체의 이름을 지정하여 이 이름이 객체 텍스트 레이블 대신 사용되도록 할 수 있습니다.

버튼 또는 입력 텍스트 필드에 텍스트 레이블이 없거나 레이블이 Flash Player에서 감지할 수 없는 위치에 있는 경우에는 버튼이나 텍스트 필드의 이름을 지정할 수 있습니다. 텍스트 레이블이 버튼이나 텍스트 필드 근처에 있지만 해당 텍스트를 객체의 이름으로 사용하지 않을 경우에도 사용자가 이름을 지정할 수 있습니다.

다음 예제에서 버튼을 설명하는 텍스트는 버튼 외부에서 오른쪽에 나타납니다. Flash Player에서는 이 위치에 있는 텍스트를 감지하지 못하므로 화면 판독기가 해당 텍스트를 읽지 못합니다.

이러한 문제를 해결하려면 [액세스 가능성] 패널을 열고 버튼을 선택한 다음 이름 및 설명을 입력합니다. 반복을 피하려면 텍스트 객체를 액세스 불가능하게 만듭니다.

참고:

객체의 액세스 가능성 이름은 해당 객체와 연관된 ActionScript 인스턴스 이름 또는 ActionScript 변수 이름과는 무관합니다. 이 정보는 일반적으로 모든 객체에 적용됩니다. ActionScript에서 텍스트 필드의 인스턴스 이름 및 변수 이름을 처리하는 방법에 대한 자세한 내용은 Adobe Animate에서 ActionScript 2.0 학습(www.adobe.com/go/learn_cs5_learningas2_kr)의 텍스트 필드 인스턴스 및 변수 이름을 참조하십시오.

버튼, 텍스트 필드 또는 전체 SWF 응용 프로그램에 이름 및 설명 지정

  1. 다음 중 하나를 수행합니다.
    • 버튼이나 텍스트 필드의 이름을 지정하려면 스테이지에서 객체를 선택합니다.

    • 전체 Animate 응용 프로그램의 이름을 지정하려면 스테이지에서 모든 객체의 선택을 취소합니다.

  2. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  3. [객체 액세스 가능](버튼 또는 텍스트 필드의 경우) 또는 기본값인 [동영상을 액세스 가능하게 만들기](전체 Animate 응용 프로그램의 경우)를 선택합니다.

  4. 버튼, 텍스트 필드 또는 Animate 응용 프로그램에 대한 이름 및 설명을 입력합니다.

SWF 응용 프로그램에서 선택한 객체의 액세스 가능성 정의

  1. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  2. 다음 중 하나를 수행합니다.
    • 객체를 화면 판독기에 표시하고 패널의 다른 옵션을 활성화하려면 [객체 액세스 가능](기본 설정)을 선택합니다.

    • 객체를 화면 판독기에 표시하지 않고 패널의 다른 옵션을 사용할 수 없게 하려면 [객체 액세스 가능]의 선택을 취소합니다.

  3. 선택한 객체에 대한 이름 및 설명을 필요에 따라 입력합니다.

    동적 텍스트

    정적 텍스트에 대해 설명을 지정하려면 정적 텍스트를 동적 텍스트로 변환해야 합니다.

    입력 텍스트 필드 또는 버튼

    키보드 단축키를 입력합니다.

    동영상 클립

    동영상 클립 내에 있는 객체를 화면 판독기에 표시하려면 [자식 객체 액세스 가능]을 선택합니다.

    참고: 화면 판독기가 쉽게 전달할 수 있는 간단한 구절로 응용 프로그램을 설명할 수 있는 경우에는 [자식 객체 액세스 가능]을 해제하고 적절한 설명을 입력합니다.

전체 SWF 응용 프로그램을 액세스 가능하도록 설정

Animate 문서를 완성한 후 제작 또는 내보낼 준비가 되었으면 전체 Animate 응용 프로그램을 액세스 가능하도록 설정합니다.

  1. 문서에서 모든 요소를 선택 취소합니다.
  2. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  3. [동영상을 액세스 가능하게 만들기](기본 설정)를 선택하여 문서를 화면 판독기에 표시합니다.
  4. [자식 객체 액세스 가능]을 선택하거나 선택 취소하여 문서에서 액세스 가능한 객체를 화면 판독기에 표시하거나 숨깁니다.
  5. 2단계에서 [동영상을 액세스 가능하게 만들기]를 선택했으면 문서에 대한 이름과 설명을 필요에 따라 입력합니다.
  6. 텍스트 객체를 문서에 포함된 액세스 가능한 버튼이나 입력 텍스트 필드의 자동 레이블로 사용하려면 [자동 레이블](기본 설정)을 선택합니다. 자동 레이블 기능을 해제하고 텍스트 객체를 화면 판독기에 텍스트 객체로 노출시키려면 이 옵션을 선택 취소합니다.

탭 순서와 읽기 순서 보거나 만들기

탭 인덱스 순서에는 두 가지 측면이 있습니다. 하나는 사용자가 웹 내용을 탐색하는 순서인 탭 순서이고 다른 하나는 화면 판독기에서 내용을 읽어 주는 순서인 읽기 순서입니다.

Flash Player에서는 탭 인덱스 순서가 왼쪽에서 오른쪽으로, 또한 위에서 아래로 지정됩니다. ActionScript의 tabIndex 속성을 사용하여 탭 순서와 읽기 순서를 모두 사용자 정의합니다. ActionScript에서 tabIndex 속성은 읽기 순서와 동일한 의미를 갖습니다.

참고:

Flash Player에서는 FLA 파일의 모든 객체를 탭 인덱스 값 목록에 추가하지 않아도 됩니다. 모든 객체에 대한 탭 인덱스를 지정하지 않아도 화면 판독기에서 각 객체를 제대로 읽을 수 있습니다.

탭 순서

사용자가 Tab 키를 누를 때 객체가 입력 포커스를 받는 순서입니다. ActionScript 또는 [액세스 가능성] 패널(Adobe Animate가 있는 경우)을 사용하여 탭 순서를 만듭니다. [액세스 가능성] 패널에서 지정하는 탭 인덱스에 따라 읽기 순서가 정해지는 것은 아닙니다.

읽기 순서

화면 판독기에서 객체에 대한 정보를 읽는 순서입니다. 읽기 순서를 만들려면 ActionScript를 사용하여 모든 인스턴스에 탭 인덱스를 지정합니다. 포커스를 받을 수 있는 객체뿐 아니라 액세스 가능한 모든 객체에 대해 탭 순서 인덱스를 만듭니다. 예를 들어, 사용자가 Tab 키를 사용하여 동적 텍스트로 이동할 수는 없지만 동적 텍스트에도 탭 인덱스가 있어야 합니다. 특정 프레임의 액세스 가능한 모든 객체에 대해 탭 인덱스를 만들지 않으면 Flash Player에서는 화면 판독기가 사용될 때마다 해당 프레임의 모든 탭 인덱스를 무시하고 대신 기본 탭 순서를 사용합니다.

액세스 가능성 패널에서 키보드 탐색을 위한 탭 순서 인덱스 만들기

[액세스 가능성] 패널에서 다음 객체에 대한 키보드 탐색을 위한 사용자 정의 탭 순서 인덱스를 만들 수 있습니다.

  • 동적 텍스트

  • 입력 텍스트

  • 버튼

  • 동영상 클립(컴파일된 동영상 클립 포함)

  • 구성 요소

  • 스크린

    참고: ActionScript 코드를 사용하여 키보드 탐색에 대한 탭 순서 인덱스를 만들 수도 있습니다.

    인덱스 번호가 가장 작은 객체를 시작으로 번호순으로 탭 포커스를 받게 됩니다. 탭 인덱스 번호가 가장 큰 객체가 탭 포커스를 받은 후에 인덱스 번호가 가장 작은 객체가 다시 탭 포커스를 받습니다.

    사용자가 정의한 탭 인덱스 객체를 문서 내에서 이동하거나 다른 문서로 이동해도 Animate에서는 해당 인덱스 특성을 그대로 유지합니다. 그러므로 스테이지에서 서로 다른 두 객체의 탭 인덱스 번호가 동일한 경우처럼, 인덱스 충돌이 있는지 확인하고 이를 해결합니다.

    참고: 특정 프레임에서 두 개 이상의 객체에 대한 탭 인덱스가 같은 경우 Animate에서는 객체가 스테이지에 배치된 순서로 순서를 결정합니다.

  1. 탭 순서를 지정할 객체를 선택합니다.
  2. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  3. 선택한 객체에 대해서만 인덱스를 만들려면 [탭 인덱스] 텍스트 필드에 선택한 객체가 포커스를 받는 순서를 나타내는 양의 정수(최대 65535)를 입력합니다.
  4. 탭 순서를 보려면 [보기] > [탭 순서 표시]를 선택합니다. 각 객체의 탭 인덱스 번호가 객체의 왼쪽 위 모서리에 나타납니다.
    탭 인덱스 번호

    참고:

    ActionScript 코드로 만들어진 탭 인덱스는 [탭 순서 표시] 옵션을 선택해도 스테이지에는 나타나지 않습니다.

화면 판독기를 위한 고급 액세스 가능성 옵션 지정

자동 레이블 기능 해제 및 화면 판독기에 대한 객체 이름 지정

  1. 레이블을 조정할 버튼이나 입력 텍스트 필드를 스테이지에서 선택합니다.
  2. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  3. [객체 액세스 가능](기본 설정)을 선택합니다.
  4. 객체의 이름을 입력합니다. 이 이름이 해당 버튼이나 텍스트 필드의 레이블로 읽힙니다.
  5. 자동 레이블에 대해 액세스 가능성을 해제하고 이를 화면 판독기에 노출시키지 않으려면 스테이지에서 해당 텍스트 객체를 선택합니다.
  6. 텍스트 객체가 정적 텍스트이면 동적 텍스트로 변환합니다(속성 관리자에서 [텍스트 유형] > [동적 텍스트] 선택).
  7. [객체를 액세스 가능하게 만들기]의 선택을 취소합니다.

객체를 화면 판독기에 숨기기

선택한 객체를 화면 판독기에 숨길 수 있으며 동영상 클립이나 Animate 응용 프로그램 내에 포함된 액세스 가능한 객체는 숨기고 동영상 클립이나 Animate 응용 프로그램만 화면 판독기에 표시할 수도 있습니다.

참고: 반복적이거나 내용을 전달하지 않는 객체만 숨깁니다.

 

객체가 노출되지 않으면 화면 판독기에서는 해당 객체를 무시합니다.

  1. 스테이지에서 화면 판독기에 숨길 버튼이나 입력 텍스트 필드를 선택합니다.
  2. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  3. [액세스 가능성] 패널에서 다음 중 하나를 수행합니다.
    • 객체가 동영상 클립, 버튼, 텍스트 필드 또는 다른 객체이면 [객체를 액세스 가능하게 만들기]의 선택을 취소합니다.

    • 객체가 동영상 클립의 자식 객체이면 [자식 객체 액세스 가능]의 선택을 취소합니다.

화면 판독기에 대한 객체의 키보드 단축키 만들기

버튼 등의 객체에 대한 키보드 단축키를 만들면 사용자가 전체 페이지의 내용을 듣지 않아도 해당 객체로 이동할 수 있습니다. 예를 들어, 사용자가 메뉴, 툴바, 다음 페이지 또는 전송 버튼에 대한 키보드 단축키를 만들 수 있습니다.

키보드 단축키를 만들려면 객체에 대한 ActionScript 코드를 작성합니다. 입력 텍스트 필드나 버튼에 대해 키보드 단축키를 제공하는 경우 Animate 내용이 재생되는 동안 사용자가 누르는 키를 감지할 수 있도록 ActionScript Key 클래스를 사용해야 합니다. 자세한 내용은 ActionScript 2.0 언어 참조 설명서의 Key를 참조하십시오. 자세한 내용은 Adobe Animate에서 ActionScript 2.0 학습(www.adobe.com/go/learn_cs5_learningas2_kr)의 키 누르기 캡처를 참조하십시오.

화면 판독기가 키보드 단축키를 읽을 수 있도록 객체를 선택하고 키보드 단축키 이름을 [액세스 가능성] 패널에 추가합니다.

Animate 내용을 여러 화면 판독기에서 테스트합니다. 키보드 단축키 기능은 사용되는 화면 판독기 소프트웨어에 따라 달라집니다. 예를 들어, 키 조합 Ctrl+F는 브라우저와 화면 판독기 모두에 대해 예약된 키입니다. 화면 판독기는 화살표 키를 예약합니다. 일반적으로 키보드에 있는 0 - 9 키를 단축키에 사용할 수 있지만 화면 판독기에서도 이러한 키를 점점 많이 사용합니다.

키보드 단축키 만들기

  1. 스테이지에서 키보드 단축키를 만들 버튼이나 입력 텍스트 필드를 선택합니다.
  2. [윈도우] > [기타 패널] > [액세스 가능성]을 선택합니다.
  3. 다음 규칙에 따라 [단축키] 필드에 키보드 단축키의 이름을 입력합니다.
    • 키 이름을 정확하게 입력합니다(예: Control 또는 Alt).

    • 영문자 키에는 대문자를 사용합니다.

    • 키 이름 사이에는 공백 없이 더하기 기호(+)를 사용합니다(예: Control+A).

참고:

Animate에서는 키보드 단축키를 코딩하는 ActionScript가 만들어졌는지 확인하지 않습니다.

버튼 인스턴스 Control+7의 키보드 단축키를 myButton 인스턴스에 매핑

  1. 스테이지에서 객체를 선택하고 [액세스 가능성] 패널을 표시한 다음 [단축키] 필드에서 단축키의 키 조합을 입력합니다. 예를 들어, Control+7을 입력합니다.
  2. [액션] 패널에 다음 ActionScript 2.0 코드를 입력합니다.

    참고:

    이 예제에서는 단축키가 Control+7입니다.

    function myOnPress() { 
        trace( "hello" ); 
    } 
    function myOnKeyDown() { 
        if (Key.isDown(Key.CONTROL) && Key.getCode() == 55) // 55 is key code for 7 
        { 
            Selection.setFocus(myButton); 
            myButton.onPress(); 
        } 
    } 
    var myListener = new Object(); 
    myListener.onKeyDown = myOnKeyDown; 
    Key.addListener(myListener); 
    myButton.onPress = myOnPress; 
    myButton._accProps.shortcut = "Ctrl+7" 
    Accessibility.updateProperties();

참고:

이 예제에서는 인스턴스 이름이 myButton인 버튼에 키보드 단축키 Control+7을 지정하고 화면 판독기에서 사용할 수 있는 단축키 정보를 제공합니다. 이 예제에서 Control+7을 누르면 myOnPress 함수가 [출력] 패널에 "hello"라는 텍스트를 표시합니다. 자세한 내용은 ActionScript 2.0 언어 참조 설명서(www.adobe.com/go/learn_cs5_as2lr_kr)의 addListener(IME.addListener 메서드)를 참조하십시오.

ActionScript를 사용하여 액세스 가능성 설정

ActionScript 및 액세스 가능성

ActionScript® 코드를 사용하여 액세스 가능한 문서를 만들 수 있습니다. 전체 문서에 적용되는 액세스 가능성 속성의 경우 _accProps라는 전역 변수를 만들거나 수정할 수 있습니다. 자세한 내용은 ActionScript 2.0 언어 참조 설명서(www.adobe.com/go/learn_cs5_as2lr_kr)의 _accProps 속성을 참조하십시오.

특정 객체에 적용되는 속성의 경우 instancename._accProps 구문을 사용할 수 있습니다. _accProps의 값은 다음 속성을 포함할 수 있는 객체입니다.

속성

유형

액세스 가능성 패널에서 이에 해당하는 옵션

적용 대상

.silent

부울

동영상을 액세스 가능하게 만들기/객체 액세스 가능(역논리)

전체 문서

버튼

동영상 클립

동적 텍스트

입력 텍스트

.forceSimple

부울

자식 객체 액세스 가능(역논리)

전체 문서

동영상 클립

.name

문자열

이름

전체 문서

버튼

동영상 클립

입력 텍스트

.description

문자열

설명

전체 문서

버튼

동영상 클립

동적 텍스트

입력 텍스트

.shortcut

문자열

단축키

버튼

동영상 클립

입력 텍스트

참고:

역논리에서는 ActionScript의 true 값이 [액세스 가능성] 패널에서 선택되지 않은 체크 상자에 해당하고, ActionScript의 false 값은 [액세스 가능성] 패널에서 선택된 체크 상자에 해당합니다.

_accProps 변수를 수정한다고 해도 이 자체만으로는 아무런 변화가 생기지 않습니다. Accessibility.updateProperties 메서드를 사용하여 화면 판독기 사용자에게 Animate 내용의 변경 사항을 알려 주어야 합니다. 이 메서드를 호출하면 Flash Player에서는 모든 액세스 가능성 속성을 다시 확인하여 화면 판독기에서 사용할 속성 설명을 업데이트하고, 필요하면 화면 판독기에 이벤트를 보내어 변경 내용이 있음을 알려 줍니다.

여러 객체의 액세스 가능성 속성을 한꺼번에 업데이트할 때는 Accessiblity.updateProperties를 한 번만 호출하면 됩니다. 일부 화면 판독기에서는 업데이트 내용이 너무 자주 전달되면 읽어 주는 정보의 양이 너무 많아집니다.

자세한 내용은 ActionScript 2.0 언어 참조 설명서(www.adobe.com/go/learn_cs5_as2lr_kr)의 Accessibility.updateProperties 메서드를 참조하십시오.

Accessibility.isActive() 메서드를 사용하여 화면 판독기 감지 기능 구현

화면 판독기가 활성 상태인 경우 특정 방식으로 작동하는 Animate 내용을 만들려면 Accessibility.isActive() ActionScript 메서드를 사용합니다. 이 메서드는 화면 판독기가 있는 경우 true 값을 반환하고, 그렇지 않은 경우 false 값을 반환합니다. 그 다음에는 화면 판독기에 자식 요소를 숨기는 방법 등으로 사용하는 화면 판독기와 호환이 되는 방식으로 작동하도록 Animate 내용을 디자인할 수 있습니다. 자세한 내용은 ActionScript 2.0 언어 참조 설명서(www.adobe.com/go/learn_cs5_as2lr_kr)의 Accessibility.isActive 메서드를 참조하십시오.

예를 들어, Accessibility.isActive() 메서드를 사용하여 불필요한 애니메이션을 포함시킬지 여부를 결정할 수 있습니다. 화면 판독기가 아무것도 실행하지 않는데도 예상치 못한 애니메이션이 실행되어 화면 판독기가 혼란을 일으키게 될 수 있습니다.

Accessibility.isActive() 메서드를 사용하면 Animate 내용과 Flash Player 사이에서 비동기적 통신이 이루어집니다. 따라서 메서드가 호출된 시간과 Flash Player가 활성화되는 시간 사이에 근소한 시간차가 생겨 false라는 잘못된 값이 반환될 수 있습니다. 이 메서드가 올바르게 호출되도록 하려면 다음 중 하나를 수행합니다.

  • 이 경우 Accessibility.isActive() 메서드를 사용하지 말고 Animate 내용이 처음 재생될 때 액세스 가능성에 관한 결정을 내릴 때마다 이 메서드를 호출합니다.

  • 문서의 시작 부분에 1-2초 정도의 짧은 지연 시간을 두어 Animate 내용이 Flash Player와 통신할 수 있는 충분한 시간을 줍니다.

    예를 들어, onFocus 이벤트를 사용하여 이 메서드를 버튼에 연결할 수 있습니다. 일반적으로 이렇게 하면 SWF 파일을 로드하는 시간이 충분해지므로 이 시간 내에 화면 판독기 사용자는 Tab 키를 사용하여 스테이지의 첫 번째 버튼 또는 객체로 이동할 수 있습니다.

ActionScript를 사용하여 액세스 가능한 객체의 탭 순서 만들기

ActionScript® 코드를 사용하여 탭 순서를 만들려면 다음 객체에 tabIndex 속성을 지정하십시오.

  • 동적 텍스트

  • 입력 텍스트

  • 버튼

  • 동영상 클립(컴파일된 동영상 클립 포함)

  • 타임라인 프레임

  • 스크린

액세스 가능한 모든 객체에 탭 순서를 지정합니다. 프레임에 대해 탭 순서를 만들고 프레임의 액세스 가능한 객체에 대해 탭 순서를 지정하지 않은 경우에는 지정된 사용자 정의 탭 순서가 모두 무시됩니다. 또한 탭 순서가 지정된 모든 객체(프레임 제외)에는 인스턴스 이름이 있어야 합니다. 인스턴스 이름은 속성 관리자의 [인스턴스 이름] 텍스트 상자에서 지정합니다. 텍스트 등과 같이 탭 정지 항목이 아닌 항목도 탭 순서대로 읽으려면 이들 항목을 탭 순서에 포함시켜야 합니다.

정적 텍스트에는 인스턴스 이름을 지정할 수 없으므로 tabIndex 속성 값 목록에 포함될 수 없습니다. 따라서 SWF 파일에 정적 텍스트의 인스턴스가 하나라도 포함되어 있으면 읽기 순서가 기본값으로 재설정됩니다.

탭 순서를 지정하려면 다음 예제에서처럼 tabIndex 속성에 순서 번호를 지정합니다.

_this.myOption1.btn.tabIndex = 1 
_this.myOption2.txt.tabIndex = 2

자세한 내용은 ActionScript 2.0 언어 참조 설명서(www.adobe.com/go/learn_cs5_as2lr_kr)에서 Button, MovieClipTextFieldtabIndex 를 참조하십시오.

tabChildren() 또는 tabEnabled() 메서드를 사용하여 사용자 정의 탭 순서를 지정할 수도 있습니다. 자세한 내용은 ActionScript 2.0 언어 참조 설명서(www.adobe.com/go/learn_cs5_as2lr_kr)의 MovieClip.tabChildren, MovieClip.tabEnabledTextField.tabEnabled를 참조하십시오.

액세스 가능한 구성 요소 사용

액세스 가능한 응용 프로그램을 쉽게 만들 수 있도록 핵심적인 UI 구성 요소 세트를 만들었습니다. 이러한 구성 요소를 사용하여 레이블 지정, 키보드 액세스, 테스트와 관련된 가장 일반적인 액세스 가능성 작업의 대부분을 자동화하고 다양한 응용 프로그램에서 일관된 사용자 환경을 제공할 수 있습니다. Animate에는 액세스 가능한 다음 구성 요소 집합이 포함되어 있습니다.

  • SimpleButton

  • CheckBox

  • RadioButton

  • Label

  • TextInput

  • TextArea

  • ComboBox

  • ListBox

  • Window

  • Alert

  • DataGrid

액세스 가능한 각 구성 요소에 대해 enableAccessibility() 명령을 사용하여 해당 구성 요소의 액세스 가능한 부분을 활성화할 수 있습니다. 문서가 컴파일될 때 액세스 가능성 객체와 구성 요소가 이 명령에 포함됩니다. 구성 요소에 객체를 추가한 후에는 객체를 간단히 제거할 수 없으므로 이 옵션은 기본적으로 비활성화되어 있습니다. 따라서 각 구성 요소에 대해 액세스 가능성 옵션을 활성화하는 것이 중요합니다. 각 구성 요소에 대해 이 단계를 한 번만 수행합니다. 지정된 문서의 구성 요소 인스턴스 각각에 대해 액세스 가능성을 활성화하지 않아도 됩니다. 자세한 내용은 ActionScript 2.0 구성 요소 언어 참조 설명서(www.adobe.com/go/learn_cs5_as2lr_kr)의 "Button 구성 요소", "CheckBox 구성 요소", "ComboBox 구성 요소", "Label 구성 요소", "List 구성 요소", "RadioButton 구성 요소" 및 "Window 구성 요소"를 참조하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책