액세스 가능성 지침

시작 장애가 있는 사용자에게 웹 사이트를 소리 내어 읽어 주는 소프트웨어인 화면 판독기는 복잡할 뿐만 아니라 화면 판독기에서 사용하도록 개발된 FLA 파일에서 예기치 않은 결과가 발생하기 쉽습니다. 텍스트를 소리 내어 읽기 위해서 특수하게 설계된 소프트웨어가 사용됩니다. 화면 판독기는 텍스트 내용만 해석할 수 있습니다. 하지만 전체 SWF 파일, 동영상 클립, 이미지 또는 기타 그래픽 내용에 제공한 모든 설명도 소리 내어 읽을 수 있습니다. 중요한 이미지와 애니메이션에 대한 설명을 작성하여 화면 판독기에서 SWF 파일에 있는 이러한 에셋도 해석할 수 있도록 해야 합니다. 이는 HTML 웹 페이지에서 alt 텍스트에 해당하는 SWF 파일입니다.

참고: Microsoft Active Accessibility(MSAA)는 Windows의 Internet Explorer에서만 지원되므로 이 브라우저에서 Animate 응용 프로그램을 표시해야 합니다.

 

Flash Player는 Microsoft Active Accessibility(MSAA)를 사용하여 Animate 내용을 화면 판독기에 노출시킵니다. MSAA는 화면 판독기와 같은 보조 기술과 다른 응용 프로그램 사이에서 정보를 교환하기 위한 표준화된 플랫폼을 제공하는 웹 기반 기술입니다. MSAA를 사용하여 이벤트(예: 응용 프로그램의 변경 사항) 및 객체를 화면 판독기에서 볼 수 있습니다.

참고:

Flash Player 7 이상 버전은 일부 화면 판독기 기술에서 작동하지 않습니다. 타사 소프트웨어 공급자는 MSAA가 제공하는 정보를 처리해야 합니다.

액세스 가능한 사이트 만들기

웹 사이트를 액세스 가능하게 만들려면 다음과 같은 여러 조건을 충족해야 합니다.

정보를 화면 판독기에 노출

읽을 수 있는 텍스트 또는 이미지 만들기

일부 방문자는 작은 텍스트를 읽거나 작은 그래픽을 보는 데 어려움을 겪을 수 있습니다. SWF 파일에서 확장 가능한 벡터 그래픽을 활용하여 사용자가 이러한 요소를 확대할 수 있도록 합니다.

오디오 내레이션 제공

화면 판독기가 없거나 비디오 내용의 경우처럼 화면 판독기가 작동하지 않는 경우를 위해 오디오 내레이션을 방문자에게 제공하는 것이 좋습니다.

오디오 내레이션에 대한 캡션 제공

일부 방문자는 사이트나 비디오의 오디오 내레이션을 듣지 못할 수 있습니다. 이러한 방문자를 위해 캡션을 제공하는 것이 좋습니다.

정보를 전달하기 위해 색상에 의존하지 않아야 함

많은 방문자가 색맹일 수 있습니다. 정보를 전달하기 위해 색상에 의존하는 경우(예: 1페이지로 가려면 녹색 버튼을 누르고 2페이지로 가려면 빨간색 버튼을 누름) 이에 해당하는 텍스트나 음성을 제공합니다.

전통적으로 대부분의 온라인 프레젠테이션(예: 비디오)은 시각 장애가 있는 방문자가 내용(예: 비디오의 텍스트 설명)에 액세스할 수 있는 대체 방법을 제공합니다. 하지만 Animate는 화면 판독기에 텍스트 정보를 직접 제공합니다. 따라서 일반적으로 FLA 파일에서 추가 설정이나 ActionScript를 만들어야 하지만 완전히 별개인 버전을 만들 필요는 없습니다.

SWF 파일의 일부가 화면 판독기에 노출될 수 있습니다. 텍스트 요소(예: 텍스트 필드, 정적 텍스트 및 동적 텍스트), 버튼, 동영상 클립, 구성 요소 및 전체 SWF 파일을 MSA 호환 화면 판독기에서 해석할 수 있습니다.

508 조항은 정보를 장애인이 액세스할 수 있도록 만드는 방법에 대한 지침을 제공하는 미국 법률입니다. 508 조항에서는 웹 사이트를 여러 방법으로 액세스할 수 있어야 하는 필요성에 대해 구체적으로 명시되어 있습니다. 모든 연방 웹 사이트를 포함한 일부 웹 사이트에서 이러한 지침을 준수해야 합니다. SWF 파일이 모든 정보를 화면 판독기에 전달하지 않을 경우 SWF 파일은 더 이상 508 조항을 준수하지 않는 것입니다. 자세한 내용은 508 조항 웹 사이트를 참조하십시오.

대부분의 국가는 액세스 가능한 웹 사이트를 작성하기 위해 따라야 하는 지침을 규정할 뿐만 아니라 다른 조직에서 수립한 지침을 준수합니다. 액세스 가능성 및 웹 표준에 대한 자세한 내용은 W3C(World Wide Web Consortium) Web Accessibility Initiative 웹 사이트를 참조하십시오. 이러한 표준과 지침은 액세스 가능한 HTML 웹 페이지를 만들 때 다루어야 하는 요소를 설명하고 있으며 이러한 정보 중 일부가 Animate에 적용됩니다.

SWF 파일 구조 및 탐색 노출

일부 SWF 파일의 시각적 특성으로 인해 페이지의 레이아웃과 탐색이 복잡하여 화면 판독기에서 변환하기에 힘들 수 있습니다. SWF 파일에 대한 전체적인 설명은 해당 구조에 대한 정보와 사이트 구조를 탐색하는 방법을 알리는 데 중요합니다. 스테이지를 클릭하고 [액세스 가능성] 패널에 설명을 입력하여 이 설명을 제공할 수 있습니다. 또한 별개의 사이트 영역을 만들어 이 설명이나 개요를 제공할 수 있습니다.

참고:

기본 SWF 파일에 대한 설명을 입력할 경우 SWF 파일을 새로 고칠 때마다 해당 설명을 읽습니다. 별개의 정보 페이지를 만들어 이러한 중복 읽기를 방지할 수 있습니다.

SWF 파일에서 변경되는 모든 탐색 요소에 대해 사용자에게 알립니다. 여분의 버튼이 추가되거나 버튼에 표시되는 텍스트가 변경되는 경우 이러한 변경 사항을 화면 판독기가 소리 내어 읽게 됩니다. Flash Player 7 이상 버전에서는 ActionScript를 사용하여 이러한 속성을 업데이트하는 것이 지원됩니다. 런타임에 내용이 변경될 경우 응용 프로그램에서 액세스 가능성 정보를 업데이트할 수 있습니다.

설명 및 반복 제어

디자이너와 개발자는 SWF 파일의 애니메이션, 이미지 및 그래픽에 대한 설명을 할당할 수 있습니다. 화면 판독기가 그래픽을 해석할 수 있도록 그래픽에 이름을 제공합니다. 그래픽이나 애니메이션이 중대한 정보를 SWF 파일에 전달하지 않거나(장식용이거나 반복적이기 때문에) 전체 SWF 파일 설명에서 요소를 개략적으로 설명한 경우에는 해당 요소에 대한 별도의 설명을 제공하지 마십시오. 불필요한 설명을 제공하면 화면 판독기를 사용하는 사용자에게 혼동을 줄 수 있습니다.

참고:

텍스트를 분리하거나 SWF 파일의 텍스트에 대해 이미지를 사용하는 경우 이러한 요소에 대한 이름이나 설명을 제공합니다.

단일 용도로 사용되거나 하나의 아이디어를 전달하는 여러 중첩된 동영상 클립이 있는 경우 다음을 수행해야 합니다.

  • SWF 파일에서 이러한 요소를 그룹화합니다.

  • 부모 동영상 클립에 대한 설명을 제공합니다.

  • 모든 자식 동영상 클립을 액세스할 수 없게 합니다.

    이러한 작업은 매우 중요합니다. 이러한 작업을 수행하지 않을 경우 화면 판독기는 관련되지 않은 모든 중첩된 동영상 클립을 설명하려고 하기 때문에 사용자에게 혼동을 주게 되어 결과적으로 사용자는 웹 사이트를 떠나게 됩니다. 여러 동영상 클립과 같은 둘 이상의 객체가 SWF 파일에 있는 경우 항상 이러한 사항을 고려합니다. 전체 메시지가 하나의 설명을 사용하여 가장 잘 전달될 경우에는 객체 중 하나에 대한 설명을 제공하고 화면 판독기에서 다른 모든 객체를 액세스할 수 없도록 합니다.

    SWF 파일과 응용 프로그램을 반복하면 페이지의 새 내용을 화면 판독기가 탐지하기 때문에 화면 판독기는 지속적으로 계속 고쳐집니다. 판독기는 내용이 업데이트된 것으로 간주하기 때문에 웹 페이지의 맨 위로 돌아가 내용을 다시 읽기 시작합니다. 따라서 다시 읽을 필요가 없는 반복되거나 새로 고쳐지는 객체를 화면 판독기가 액세스할 수 없도록 해야 합니다.

    참고: [액세스 가능성] 패널의 [설명] 필드에는 화면 판독기가 소리 내어 읽는 인스턴스(예: 텍스트)에 대한 설명을 입력하지 마십시오.

색상 사용

액세스 가능한 파일에서 색상을 사용하는 것에 대한 결정을 내려야 합니다. 특정 정보나 지시를 사용자에게 전달하기 위해 색상에 의존해서는 안 됩니다. 새 페이지를 시작하기 위해 파란색 영역을 클릭하거나 음악을 듣기 위해 빨간색 영역을 클릭해야 하는 경우 색맹인 사용자는 페이지를 사용할 수 없습니다. 따라서 사이트에 액세스할 수 있도록 해당 페이지나 대체 버전에서 이에 해당하는 텍스트를 제공해야 합니다. 또는 쉽게 구분할 수 있도록 배경색과 전경색이 분명하게 대비되는지 확인합니다. 흰색 배경에 연한 회색 텍스트를 배치할 경우 사용자는 텍스트를 쉽게 읽을 수 없습니다. 마찬가지로 많은 방문자가 작은 텍스트를 읽는 것이 어려울 수 있습니다. 대비가 분명한 큰 텍스트나 크기 조정이 가능한 텍스트를 사용하면 장애가 있건 없건 대부분 사용자에게 도움이 됩니다.

순서, 탭 이동 및 키보드

읽기 순서와 탭 이동은 Animate 웹 사이트를 액세스 가능하게 만들기 위한 중요한 고려 사항입니다. 인터페이스를 디자인할 때 페이지에 인터페이스가 표시되는 순서는 화면 판독기가 각 인스턴스를 설명하는 순서와 일치하지 않을 수 있습니다. SWF 파일에서 읽기 순서를 제어하고 테스트할 수 있을 뿐만 아니라 탭 이동을 제어할 수 있습니다.

읽기 순서 제어

기본 읽기 순서는 예측할 수 없으며 에셋의 배치 또는 페이지의 시각적 레이아웃과 항상 일치하지는 않습니다. 레이아웃을 간단하게 유지하면 ActionScript를 사용하지 않고 논리적 읽기 순서를 만드는 데 도움이 됩니다. 하지만 ActionScript를 사용하여 SWF 파일에서 읽기 순서를 테스트하는 경우 읽기 순서를 더 많이 제어할 수 있습니다.

참고:

SWF 파일에서 단일 인스턴스의 순서를 지정해야 하며 그렇지 않을 경우 읽기 순서가 예측할 수 없는 기본 읽기 순서로 되돌아갑니다.

탭 이동 및 내용 제어

사이트의 내용을 설명하기 위해 화면 판독기에 의존하는 방문자는 일반적으로 탭 이동 및 키보드 컨트롤을 사용하여 운영 체제와 웹 페이지를 탐색하는데 이는 화면을 볼 수 없는 경우 마우스를 사용하는 것이 소용이 없기 때문입니다. 이 tabIndextabEnabled 속성을 동영상 클립, 버튼, 텍스트 필드 또는 구성 요소 인스턴스와 함께 사용하여 액세스 가능한 SWF 파일에서 지능적인 탭 이동 컨트롤을 제공합니다. 탭 이동 외에도 키 누름 액션을 사용하여 SWF 파일을 탐색할 수 있지만 [액세스 가능성] 패널을 사용하여 해당 정보를 전달해야 합니다. ActionScript의 Key 클래스를 사용하여 키 누름 스크립트를 SWF 파일에 추가합니다. 키 누름 스크립트를 사용할 객체를 선택하고 [액세스 가능성] 패널의 [단축키] 필드에 단축키를 추가합니다. SWF 파일에서 자주 사용하는 중요한 버튼에 키보드 단축키를 추가합니다.

참고: ActionScript 3.0에서는 tabIndextabEnabledInteractiveObject 클래스의 속성입니다. ActionScript 2.0에서는 클래스 참조가 필요하지 않습니다.

참고:

보이지 않는 버튼은 화면 판독기가 인식할 수 없으므로 액세스 가능한 SWF 파일에서 사용하지 마십시오. (보이지 않는 버튼은 버튼에 대한 클릭 가능 영역인 히트 영역만 정의하는 버튼입니다.)

대부분의 SWF 파일은 빠르게 연속되는 정보를 갖고 있으므로 화면 판독기는 흔히 이러한 속도를 따라가지 못합니다. 따라서 SWF 파일에 대한 컨트롤을 제공하여 사용자가 버튼을 사용하여 원하는 속도로 파일을 탐색하고 필요한 경우 프로세스를 일시 정지할 수 있도록 합니다.

오디오, 비디오 및 애니메이션 처리

음성이 포함된 오디오 내레이션 또는 비디오를 제공할 때는 들을 수 없는 사용자를 위해 캡션을 제공합니다. Animate의 텍스트 필드를 사용하거나 캡션이 포함된 비디오를 가져오거나 XML 캡션 파일을 사용할 수 있습니다. 비디오 큐 포인트를 사용하여 텍스트 필드가 런타임에 텍스트 정보를 업데이트해야 하는 시점을 지정할 수 있습니다.

Hi-Caption SE 및 Hi-Caption Viewer 구성 요소 사용에 대한 자세한 내용은 Adobe Add-ons 페이지를 참조하십시오. 이 타사 확장 구성 요소에서 여러 고급 컨트롤을 사용할 수 있으며, 특히 XML 파일에 저장하고 런타임에 SWF 파일에 로드하는 캡션을 만들 수 있습니다. 또는 큐 포인트와 텍스트 필드를 사용하여 캡션 정보를 표시할 수 있습니다.

액세스 가능성 및 Animate 확장

Animate의 확장성 레이어를 사용하여 개발자는 고급 제작을 가능하게 하는 확장 구성 요소를 만들 수 있습니다. 또한 이를 통해 다른 회사에서 액세스 가능성과 관련된 확장 구성 요소를 개발할 수 있습니다. SWF 파일의 유효성을 검사하거나 캡션을 추가하기 위한 여러 옵션이 있습니다.

예를 들어, 유효성 검사 도구는 SWF 파일에서 누락된 설명을 검사할 수 있습니다. 이 도구는 인스턴스 그룹에 대한 설명이 추가되었는지 또는 인스턴스에 대한 레이블이 텍스트에 있는지 확인하고 모든 문제를 알려줍니다. 또한 이 도구는 SWF 파일에서 읽기 순서를 검사하고 지정해야 하는 모든 인스턴스를 찾아냅니다. SWF 파일이 분석된 후에 대화 상자를 사용하여 읽기 순서를 지정할 수 있습니다.

현재 사용 가능한 타사 확장에 대한 자세한 내용은 Adobe Add-ons 페이지를 참조하십시오.

파일 테스트 및 변경

화면 판독기에 사용하도록 되어 있는 모든 SWF 파일을 테스트합니다. 보조 개정 등을 포함하는 새 버전의 Flash Player가 출시될 때마다 SWF 파일을 테스트하고 해당 버전을 다음 시나리오로 테스트합니다.

  • Windows 화면 판독기로 사용하는 Window Eyes 및 JAWS는 각각 SWF 파일을 다르게 처리하므로 다른 결과를 얻을 수 있습니다.

  • 화면 판독기 없이 브라우저에서 열고 마우스를 사용하지 않고 사이트를 탐색합니다.

  • 모니터를 끄고 화면 판독기만 사용하여 웹 사이트를 탐색합니다.

  • 오디오 내레이션을 사용하는 경우 스피커 없이 사이트를 테스트합니다.

  • 대상 웹 사이트 방문자를 대표하는 여러 사용자와 함께 테스트합니다.

참고:

SWF 파일을 화면 판독기에 노출하는 데 사용되는 기술(MSAA)이 Windows의 Internet Explorer에서만 지원되므로 다른 브라우저를 테스트할 필요는 없습니다.

화면 판독기를 사용하여 SWF 파일을 들을 때는 다음 사항을 확인합니다.

  • 읽기 순서가 올바릅니까?

  • SWF 파일에 단축키에 대한 설명이 있습니까?

  • 인터페이스의 요소에 대한 적절하고 완벽한 설명이 있습니까?

  • 사이트 구조를 탐색하기 위한 적절한 설명이 있습니까?

  • 업데이트되거나 새로 고쳐진 SWF 파일 내용을 읽습니까?

  • 스테이지에서 요소의 컨텍스트를 변경할 경우(예: 재생에서 일시 정지로 바뀌는 버튼) 화면 판독기에서 해당 변경 사항을 읽습니까?

    HTML 유효성 검사와 달리 SWF 파일의 유효성을 검사하는 데 사용할 수 있는 공식적인 도구는 없습니다. 그러나 파일의 유효성을 검사하는 데 도움이 되는 몇 가지 타사 도구가 있습니다. 이들 확장에 대한 자세한 내용은 Adobe Add-ons 페이지를 참조하십시오.

 

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

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