키보드 조작에 응답(Windows 스토어 앱)

사용자가 하드웨어 키보드, 화상 키보드 또는 터치 키보드를 통해 조작할 수 있는 Windows 스토어 앱을 디자인하고 빌드하세요.

이 정보는 키보드 장치가 연결되어 있거나 터치 키보드 SIP(Soft Input Panel) 또는 화상 키보드를 지원해야 하는 태블릿 및 컴퓨터용 Windows 스토어 앱을 작성하는 개발자를 위해 작성되었습니다.

앱 기능 전체 프로세스 시리즈의 일부로 이 기능의 작동 방법을 살펴보세요.:  사용자 조작: 터치식 입력... 등

텍스트 입력에 대한 자세한 내용은 텍스트 표시 및 편집을 참조하세요.

Windows 스토어 앱에서 키보드 지원을 제공하는 방법에 대한 자세한 내용은 키보드 접근성 구현을 참조하세요.

개요

키보드 입력은 Windows 8의 Windows 스토어 앱용 전체 사용자 조작 환경에서 중요한 부분을 차지합니다. 키보드가 앱을 조작하는 보다 효율적인 방법이라고 생각하는 사용자나 특정 장애를 가진 사람들에게는 키보드가 필수 도구입니다.

잘 디자인된 키보드 UI는 소프트웨어 접근성의 중요한 측면입니다. 시각 장애나 특정 거동 장애가 있는 사용자는 키보드 UI를 사용하여 앱을 탐색하고 기능을 조작할 수 있습니다. 이러한 사용자는 마우스를 작동할 수 없으며 다양한 보조 기술(예: 키보드 향상 도구, 화상 키보드, 화면 확대기, 화면 낭독 프로그램 및 음성 입력 유틸리티)을 대신 사용할 수 있습니다.

가장 일반적인 키보드 유형은 실제로 장치에 연결된 외부 하드웨어 키보드입니다. 하드웨어 키보드 외에 Windows 8에서는 다음 두 가상 키보드를 제공합니다.

  • 화상 키보드는 실제 키보드 대신 터치, 마우스, 펜/스타일러스 또는 기타 포인팅 장치로 데이터를 입력하는 데 사용할 수 있는 시각적 가상 키보드입니다(터치 스크린이 필요하지 않음). 실제 키보드가 없는 시스템이나 움직일 수 없어서 일반적인 입력 장치를 사용할 수 없는 사용자는 화상 키보드를 사용할 수 있습니다. 화상 키보드는 하드웨어 키보드의 기능을 전부는 아니라도 대부분 에뮬레이트합니다.

    화상 키보드

  • 터치 키보드는 터치식 입력과 함께 텍스트 입력에 사용되는 시각적 가상 키보드입니다. 터치 키보드는 텍스트 입력에만 사용되고(하드웨어 키보드를 에뮬레이트하지 않음) 텍스트 필드나 다른 편집 가능한 텍스트 컨트롤에 포커스가 있을 때만 표시되므로 화상 키보드를 대체하지 않습니다.

    참고  화상 키보드는 터치 키보드보다 우선하며, 현재 화상 키보드가 사용 중이면 터치 키보드는 나타나지 않습니다.

    다음은 터치 키보드의 예입니다. 첫 번째 이미지는 기본 레이아웃이고, 두 번째 이미지는 미리 보기 레이아웃으로 일부 언어에서는 사용할 수 없습니다.

    기본 레이아웃의 터치 키보드

    미리 보기 레이아웃의 터치 키보드

키보드 상호 작용 지원을 위한 사용자 환경 지침

키보드 조작 지원을 위한 몇 가지 지침은 다음과 같습니다.

일반

  • 사용자가 하드웨어 키보드 또는 화상 키보드만 사용하여 앱이 지원하는 모든 작업을 수행할 수 있어야 합니다.

    참고  터치 키보드는 앱이나 시스템 명령이 아닌 텍스트 입력에만 사용됩니다.

  • 앱이 시작되면 사용자가 처음에 직관적으로 상호 작용하거나 가장 먼저 상호 작용하게 되는 요소에 초기 키보드 포커스를 설정합니다. 일반적으로 가장 적절한 위치는 사용자가 화살표 키를 사용하여 콘텐츠를 바로 스크롤할 수 있는 앱의 기본 콘텐츠 보기입니다. 포커스를 특정 컨트롤에 설정하는 방법에 대한 자세한 내용은 focus를 참조하세요.
  • Tab과 화살표 키가 왼쪽에서 오른쪽으로 콘텐츠를 이동하는지 확인합니다.
  • 기본적으로 탭 순서대로가 아닌 모든 대화형 UI 요소에 대해 0 이상인 값에 tabIndex 특성을 설정합니다. 화면 낭독 프로그램 사용자는 <Tab> 키를 사용하여 대화형 UI 요소 간을 이동하므로 tabIndex 특성을 설정하는 것이 중요합니다.
  • 복합 요소의 하위 요소 간의 적절한 내부 탐색을 위해 화살표 키를 바로 가기 키로 사용합니다. 트리 보기 노드에 확장/축소 처리와 노드 활성화에 대한 별도의 하위 요소가 있는 경우 왼쪽 및 오른쪽 화살표 키를 사용하여 키보드 확장/축소 기능을 제공합니다.
  • 클릭할 수 있는 각 UI 요소를 키보드로도 호출할 수 있는지 확인합니다.
  • 주요 앱 기능에 대한 바로 가기 키를 구현합니다. 바로 가기는 사용자가 앱 기능에 액세스하는 효율적인 방법을 제공하여 생산성을 향상시키는 키 조합입니다.

    선택키는 앱의 UI 요소에 대한 바로 가기입니다. Alt 키와 문자 키로 구성됩니다.

    바로 연결 키는 앱 명령에 대한 바로 가기입니다. 앱은 명령에 정확히 일치하는 UI를 포함할 수 있습니다. 바로 연결 키는 Ctrl 키와 문자 키로 구성됩니다.

    따라서 화면 낭독 프로그램 및 다른 보조 기술을 사용하는 사용자에게 앱의 바로 가기 키를 찾을 수 있는 손쉬운 방법을 제공할 필요가 있습니다. accessKey-ms-AcceleratorKey 특성을 사용하여 앱의 HTML 태그에 바로 가기를 선언하고 도구 설명, 접근성 있는 이름, 접근성 있는 설명 또는 기타 화상 통신 형식을 사용하여 바로 가기와 통신합니다. 바로 가기 키에 대한 설명이 앱의 도움말 콘텐츠에 잘 나타나 있어야 합니다.

    바로 가기 키 구현에 대한 자세한 내용은 Windows 사용자 환경 지침에서 바로 가기 키를 참조하세요.

    사용자가 모든 Windows 스토어 앱 내에서 예상하는 기본 바로 가기 키를 다시 정의하지 마세요. 전체 목록은 바로 가기 키를 참조하세요.

하드웨어

키보드 장치 기능(KeyboardCapabilities)을 쿼리하여 키보드가 연결되어 있는지 확인하고 키보드 하드웨어에서 직접 액세스할 수 있는 앱 UI 측면을 식별합니다. 장치 기능 쿼리에 대한 자세한 내용은 빠른 시작: 포인터 장치 식별을 참조하세요.

키보드 단추를 앱의 적절한 UI(뒤로 및 앞으로 단추)에 연결합니다.

시각적 피드백

  • 키보드 조작 시에만 포커스 사각형을 사용합니다. 사용자가 터치 조작을 시작하는 경우 키보드 UI가 점점 사라지도록 합니다. 이렇게 하면 UI가 깔끔하고 간결하게 유지됩니다.
  • 요소가 조작을 지원하지 않는 경우(예: 정적 테스트) 시각적 피드백을 표시하지 마세요.
  • 동일한 입력 대상을 나타내는 모든 요소에 대해 동시에 시각적 피드백을 표시합니다.
  • 이동, 회전, 확대/축소 등의 터치 기반 조작을 에뮬레이트하기 위한 힌트로 화상 단추(예: + 및 -)를 제공합니다.

시각적 피드백에 대한 일반적인 내용은 시각적 피드백에 대한 지침을 참조하세요.

관련 항목

개념
사용자 조작에 응답
키보드 접근성 구현
빠른 시작: HTML 컨트롤 추가 및 이벤트 처리
샘플(Windows 스토어 앱 API)
입력: 장치 기능 샘플
입력: 터치 키보드 샘플
입력: XAML 사용자 입력 이벤트 샘플
화상 키보드의 모양에 응답 샘플

 

 

표시:
© 2014 Microsoft. All rights reserved.