다음을 통해 공유


액세스 가능한 웹 리소스 만들기

 

게시 날짜: 2016년 11월

적용 대상: Dynamics CRM 2015

솔루션에 사용자 인터페이스 요소를 제공하는 웹 리소스를 포함할 경우 장애가 있는 사용자가 웹 리소스를 사용할 수 있도록 하는 요구 사항이 포함되었는지 확인합니다.

Microsoft Dynamics CRM 2015 및 Microsoft Dynamics CRM Online 2015 업데이트 응용 프로그램 사용자 인터페이스 요소는 모든 사용자가 동일한 기능을 사용할 수 있는 표준 및 최상의 방법을 따릅니다. 장애가 있는 사용자는 화면 판독기 또는 다양한 다른 입력 장치를 사용하여 응용 프로그램과 상호 작용하는 등 AT(보조 기술) 사용에 의존할 수 있습니다.

이 항목에서는 장애가 있는 사용자가 액세스할 수 있는 웹 리소스 사용자 인터페이스 요소를 디자인하는 데 도움이 되는 일반적인 지침과 더 많은 리소스에 대한 링크를 소개합니다.

이 항목의 내용

보조 기술

액세스 가능한 HTML 웹 리소스

액세스 가능한 Silverlight 웹 리소스

내게 필요한 옵션 테스트 도구

추가 리소스

보조 기술

화면 판독기, 점자 단말기, 음성 인식 소프트웨어 등 다양한 AT(보조 기술) 응용 프로그램이 있습니다. 이러한 응용 프로그램은 사용자 인터페이스 요소에 중개자를 제공하여 AT 응용 프로그램을 사용하는 사용자가 프로그램을 사용할 수 있습니다.

Windows 응용 프로그램의 경우 Microsoft UIA(UI 자동화) 클래스는 사용자 인터페이스 요소에 대한 프로그래밍 방식의 액세스를 제공합니다. 이러한 클래스는 자동화된 테스트 및 AT를 지원합니다. AT 응용 프로그램은 개발자가 정의하고 UIA를 통해 노출하는 요소와 속성을 사용할 수 있습니다. windows 응용 프로그램 개발자는 UIA를 사용하여 UI 요소가 노출되는 방식을 상당히 제어할 수 있습니다.

웹 응용 프로그램의 경우 특정 HTML 요소는 DOM(문서 개체 모델)을 통해 노출됩니다. 브라우저는 AT에서 사용자를 활성화하여 웹 응용 프로그램을 사용할 수 있는 속성과 이벤트가 있는 UIA 개체로 DOM 요소를 변환합니다. 개발자는 UIA를 사용하는 브라우저에서 UI가 노출되는 방법을 제한하여 제어합니다.

액세스 가능한 HTML 웹 리소스

웹 리소스의 HTML은 브라우저에서 처리되며 AT 응용 프로그램에서 사용할 수 있습니다.

가장 먼저 고려해야 할 사항은 HTML에서 예상 사용 패턴을 따르는지 확인하는 것입니다. 예를 들어 HTML button 요소처럼 정확히 작동하도록 클릭 이벤트로 HTML div 요소를 정의할 수 있습니다. 하지만 브라우저는 div 요소가 단추로 사용되는 것을 예상하지 않으므로 동일한 속성과 이벤트를 AT 응용 프로그램에 노출하지 않습니다.

사용자가 웹 리소스에 대해 갖는 상호 작용 유형에 대해 올바른 HTML 요소를 사용해야 합니다. 이를 의미 HTML이라고도 합니다.

하지만 의미 HTML은 거기까지만입니다. 최신 웹 응용 프로그램에는 함께 작동하는 많은 HTML 요소로 구성된 일반적으로 사용자 지정 컨트롤이 포함됩니다. 비동기 JavaScript를 사용하여 동적으로 자주 업데이트되는 페이지 내용은 의미 HTML에 의존하는 AT 응용 프로그램에 혼란을 줄 수 있습니다.ARIA(액세스 가능한 풍부한 인터넷 응용 프로그램) 기술은 사용자 지정 의미 체계와 통신하는 추가 특성으로 HTML을 확장하여 솔루션을 제공합니다.

ARIA는 컨트롤 또는 “위젯”에 사용되는 HTML 요소에 적용할 수 있는 확장된 특성의 표준 집합을 제공합니다. 이러한 특성은 HTML 요소가 컨트롤에서 하는 역할을 설명합니다. ARIA는 탐색 환경을 개선하고 동적으로 업데이트되는 요소를 사용자가 인식할 수 있는 기능도 제공합니다. 의미 HTML을 통해 ARIA를 계층화하는 것이 좋습니다.

AT에 대한 지원 외에도 고려해야 하는 다른 요구 사항이 있습니다. 예를 들어 사용자가 텍스트 크기를 늘일 때 UI는 어떻게 조정합니까? UI는 사용자가 작업을 수행하는 색을 구분할 수 있도록 합니까? 키보드를 사용하여 모든 작업을 수행할 수 있습니까? 자세한 내용은 웹 내게 필요한 옵션 소개를 참조하십시오.

액세스 가능한 Silverlight 웹 리소스

Silverlight 웹 리소스는 Microsoft Dynamics CRM 2015 및 Microsoft Dynamics CRM Online 2015 업데이트 양식 또는 HTML 웹 리소스에서 호스팅되고 UI는 Silverlight 브라우저 플러그인에 의해 렌더링됩니다.Silverlight는 Windows WPF(Windows Presentation Framework)의 하위 집합이므로 프로그래밍 방식의 액세스 및 AT는 WPF Windows 응용 프로그램과 유사한 UIA를 사용하여 노출됩니다. 자세한 내용은 개발자를 위한 Silverlight 접근성를 참조하십시오.

내게 필요한 옵션 테스트 도구

다음 목록은 일부 공개적으로 사용할 수 있는 내게 필요한 옵션 테스트 도구를 제공합니다.

  • Visual Studio 내게 필요한 옵션 검사기
    Microsoft Visual Studio를 사용하여 HTML 웹 리소스 파일을 편집할 경우 내게 필요한 옵션과 관련된 문제를 호가인하는 기본 제공 도구가 있습니다.도구 메뉴에서 내게 필요한 옵션 확인을 선택하여 내게 필요한 옵션 관련 문제에 대한 지침을 제공하는 보고서를 확인합니다.

  • UI 내게 필요한 옵션 검사기
    UI 내게 필요한 옵션 검사기(또는 AccChecker)를 사용하면 테스터는 Microsoft Active Accessibility(MSAA) 및 Windows에 대한 기타 UI(사용자 인터페이스) 구현 관련 내게 필요한 옵션 문제를 쉽게 발견할 수 있습니다. AccChecker는 Inspect와 같은 기존 Windows 자동화 API 도구가 구현에 대한 자세한 정보를 제공했지만 구현이 올바른지 여부에 대한 정보는 제공하지 않는 현실 인식으로 개발되었습니다.

  • Inspect(Inspect.exe)
    Inspect(Inspect.exe)는 UI 요소를 선택하고 요소의 내게 필요한 옵션 데이터를 확인할 수 있는 Windows 기반 도구입니다. Microsoft UI 자동화 속성 및 컨트롤 패턴뿐 아니라 Microsoft Active Accessibility 속성도 볼 수 있습니다. Inspect를 사용하면 UI 자동화 트리에서 자동화 요소의 탐색 구조와 Microsoft Active Accessibility 계층 구조에서 액세스 가능한 개체를 테스트할 수 있습니다.

  • 액세스 가능한 이벤트 감시자(AccEvent.exe)
    AccEvent(액세스 가능한 이벤트 감시자) 도구를 사용하면 개발자와 테스터는 응용 프로그램의 UI 요소가 UI가 변경될 때 적절한 Microsoft UI 자동화 및 Microsoft Active Accessibility 이벤트를 발생 하는지 유효성을 검사할 수 있습니다. UI 변경은 포커스가 변경되거나 UI 요소가 호출되거나 선택될 때 또는 상태 또는 속성에 변경 내용이 있을 때 발생할 수 있습니다.

추가 리소스

다음 리소스는 웹 리소스에 액세스할 수 있도록 요구 사항을 정의하는 시작 지점을 제공합니다.

참고 항목

웹 페이지(HTML) 웹 리소스
Silverlight(XAP) 웹 리소스
Microsoft Dynamics CRM 2015용 웹 리소스

© 2017 Microsoft. All rights reserved. 저작권 정보