접근성에 대한 지침 및 검사 목록

접근성에 대한 지침 및 검사 목록(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

이 항목의 C#/VB/C++/XAML 버전을 찾고 계세요?접근성에 대한 지침 및 검사 목록(XAML)을 참조하세요.

여기서는 JavaScript로 작성한 Windows 런타임 앱에 접근성이 있는지 확인하는 데 사용할 수 있는 검사 목록을 제공합니다.

  1. 콘텐츠 및 대화형 UI 요소의 접근성 있는 이름(필수) 및 설명(선택)을 설정합니다.

    접근성 있는 이름은 화면 읽기 프로그램이 UI 요소를 읽기 위해 사용하는 짧은 설명 텍스트 문자열입니다. 이미지(alt 특성 사용), 입력 필드(label 태그와 for 특성 사용), 사용자 지정 div 컨트롤 등에 대해 접근성 있는 이름을 명시적으로 설정해야 합니다. 접근성 있는 설명 및 도구 모음은 사용자가 UI를 이해하는 데 도움을 줍니다.

    자세한 내용은 접근성 있는 이름접근성 있는 설명(옵션)을 참조하세요.

  2. 접근성 있는 valuestatus 특성을 설정하고 유지 관리합니다.

    이러한 특성은 단추, 목록, 확인란, 콤보 상자, 슬라이더, 진행률 표시줄 등, 사용자 지정 요소에 특히 중요합니다.

    자세한 내용은 상태를 참조하세요.

  3. 대화형 사용자 지정 UI 요소 및 영역에 대해 role 특성을 설정합니다.

    유효한 WAI-ARIA(Web Accessibility Initiative - Accessible Rich Internet Applications) 역할을 사용자 지정 UI 요소(예제: 대화형 div 태그) 및 영역에 할당해야 합니다.

    자세한 내용은 역할을 참조하세요.

  4. 다음을 수행하여 키보드 접근성을 구현합니다.

    • 대화형 요소에 대해 tabindex 특성 설정
    • 복합 요소에 화살표 키 탐색 구현
    • 키보드 활성화 구현
    • 선택키 설정 또는 바로 가기 키 구현

    자세한 내용은 키보드 접근성 구현을 참조하세요.

  5. 동적 콘텐츠를 표시하는 영역에 대해 aria-live 특성을 설정합니다.

    aria-live를 설정하면 화면 읽기 프로그램이 UI 변경이 발생할 경우 이를 알릴 수 있습니다.

    자세한 내용은 라이브 영역에 접근성 구현을 참조하세요.

  6. 접근성 있는 이름, 헤더 및 요약 또는 설명을 설정하여 테이블에 접근성을 구현합니다.

    이러한 단계는 사용자가 데이터를 이해하는 데 도움을 필요로 하는 크고 복잡한 테이블의 경우 중요합니다. 레이아웃 테이블에는 role="presentation"으로 표시해야 합니다.

    자세한 내용은 테이블에 접근성 구현을 참조하세요.

  7. UI를 시각적으로 점검하여 텍스트 대비가 적절한지, 요소가 고대비 테마에서 올바르게 렌더링되는지, 색이 제대로 사용되는지 확인합니다.

    • 디스플레이의 dpi(인치당 도트 수) 값을 조정하는 시스템 디스플레이 옵션을 사용하고 dpi 값이 변경되면 앱 UI 크기가 올바르게 조정되도록 합니다. 일부 사용자는 dpi 값을 접근성 옵션으로 변경하며 이 옵션은 접근성 센터의 컴퓨터를 보기 쉽게 설정에서 사용할 수 있습니다.
    • 색 분석기 도구를 사용하여 시각적 텍스트 대비가 4.5:1 이상인지 확인
    • 고대비 테마로 전환하고 UI를 읽고 사용할 수 있는지 확인
    • UI가 정보를 전달하는 유일한 수단으로 색을 사용하고 있지 않은지 확인

    자세한 내용은 고대비 테마 지원접근성 있는 텍스트에 대한 요구 사항 충족을 참조하세요.

  8. 페이지를 논리 영역으로 분할하고 영역에 landmark 역할 및 액세스 가능한 이름을 표시합니다. 이렇게 하면 보조 기술이 페이지 요약을 생성하고 보다 효율적인 탐색을 제공할 수 있습니다.

    자세한 내용은 앱의 논리 구조 표시를 참조하세요.

  9. 접근성 도구를 실행하고, 보고된 문제를 해결하고, 화면 판독 환경을 확인합니다.

    Inspect를 사용하여 프로그래밍 액세스를 확인하고, UI Accessibility Checker (AccChecker)를 실행하여 일반 오류를 검색하며, 내레이터로 화면 판독 환경을 확인합니다.

    자세한 내용은 앱의 접근성 테스트를 참조하세요.

  10. Windows 스토어에 접근성 있는 앱으로 등록

    기준 접근성 지원을 구현한 경우 Windows 스토어에 접근성 있는 앱으로 등록하면 보다 많은 고객이 찾을 수 있고 좋은 순위를 차지하는 데도 도움이 됩니다.

    자세한 내용은 Windows 스토어에 접근성 있는 앱으로 등록을 참조하세요. 앱을 접근성 있는 앱으로 등록하는 것은 Windows Phone에는 해당하지 않습니다.

관련 항목

JavaScript 및 HTML로 작성한 Windows 런타임 앱의 접근성

 

 

표시:
© 2016 Microsoft