다음을 통해 공유


JavaScript를 사용한 Windows 스토어 앱의 접근성

목적

이 섹션에서는 장애인을 비롯하여 최대한 많은 사용자층이 이용할 수 있도록 JavaScript를 사용하는 Windows 스토어 앱을 만드는 방법에 대해 설명합니다. 이 섹션의 목표는 JavaScript로 작성된 접근성이 좋은 Windows 스토어 앱을 만들 때 부딪히는 주요 문제점에 대한 인식을 높이고, 성공적인 앱 작성 사례와 기술을 소개하는 것입니다.

이 섹션의 내용

항목 설명

앱에 접근성 구현

JavaScript 플랫폼을 사용하는 Windows 스토어 앱에 포함된 접근성 지원 및 이러한 지원을 활용하여 JavaScript로 접근성 있는 Windows 스토어 앱을 만드는 방법에 대해 설명합니다.

UI 자동화에 HTML 및 ARIA 속성 매핑

이 섹션에서는 HTML 4.0, HTML5 및 ARIA(Accessible Rich Internet Applications) 속성을 Microsoft UI 자동화 컨트롤 유형, 컨트롤 패턴 및 속성에 매핑하는 방법을 보여 주는 표가 제공됩니다.

 

대상 개발자 그룹

이 섹션의 각 항목은 HTML, CSS 스타일시트 및 JavaScript를 능숙하게 다루는 개발자를 대상으로 작성되었습니다.

추가 리소스

다음 링크에서는 JavaScript로 작성된 접근성 있는 Windows 스토어 앱 구현과 관련된 유용한 정보를 제공합니다.

  • ARIA 샘플 —(영문) 이 샘플 앱에서는 ARIA(Accessible Rich Internet Applications) 태그를 사용하여 접근성이 뛰어난 Windows 스토어 앱을 만드는 방법을 보여 줍니다.
  • WAI-ARIA 참조 —(영문) 공식 W3C(World Wide Web 컨소시엄) WAI-ARIA(Web Accessibility Initiative - Accessible Rich Internet Applications) 사양 페이지로, ARIA(Accessible Rich Internet Applications) 모든 역할, 상태 및 속성의 참조 정보에 대한 링크가 나와 있습니다.
  • WAI-ARIA 제작 사례 —(영문) 이 페이지에서는 키보드 조작에 대해 설명하고 위젯 및 구조 집합의 관련 WAI-ARIA 역할, 상태 및 속성에 대해 알아봅니다.
  • HTML5 사양 —(영문) 공식 W3C HTML5 사양 페이지로, 이제 HTML5 표준의 일부인 WAI-ARIA가 포함되어 있습니다.
  • OpenAjax 접근성 예제 —(영문) 이 사이트는 WAI-ARIA 및 HTML5의 규칙을 확인하는 데 유용한 리소스입니다. 여기에는 다양한 WAI-ARIA 구현 예제도 포함되어 있습니다.