Wear OS에서 앱을 만들 때는 먼저 Android 앱 접근성 가이드의 접근성 원칙과 가이드를 따르세요. 그런 다음 Wear OS에서도 앱에 액세스할 수 있는지 확인합니다.
Wear OS 앱은 다음과 같은 요인으로 인해 접근성과 관련하여 몇 가지 추가 고려사항이 있습니다.
- 로터리 입력과 같은 Wear OS의 다양한 입력 유형
- 카드, 정보 표시와 같은 추가 UI 노출 영역
- 다양한 TalkBack 구현이 필요한 작은 화면 크기
다른 접근성 작업과 마찬가지로 스크린 리더와 같은 보조 기술을 사용하여 각 환경을 철저히 테스트해야 합니다. 이를 통해 사용자 관점에서 앱을 경험하고 놓치기 쉬운 사용성 문제를 발견할 수 있습니다. 자세한 내용은 앱의 접근성 테스트를 참고하세요.
사용자가 선호하는 글꼴 크기 지원
시스템 설정에서 사용자는 Wear OS 앱에 표시되는 텍스트 요소의 글꼴 크기를 조정할 수 있습니다. 예를 들어 Google Pixel Watch 기기는 설정 > 접근성 메뉴에서 이러한 설정을 찾을 수 있습니다.
앱을 테스트할 때는 글꼴 크기를 다른 값으로 설정하고 앱의 텍스트 콘텐츠가 예상대로 작동하는지 확인합니다. 다음과 같은 기법을 사용하여 앱 텍스트의 접근성을 높일 수 있습니다.
- 텍스트 자동 크기 조절을 사용하는 경우
autoSizeMinTextSize
및autoSizeMaxTextSize
에 명시적인 값을 설정합니다. - 생략 기호를 사용하여 컨테이너에서 텍스트 오버플로가 발생했음을 나타냅니다. Material 텍스트 요소는 기본적으로 오버플로 생략 기호를 사용합니다.
로터리 입력 사용 설정
대부분의 Wear OS 기기에는 실제로 회전하는 측면 버튼(RSB), 회전 베젤 또는 터치 베젤이 포함되어 있습니다. 이를 로터리 입력이라고 합니다. 로터리 입력을 사용하여 미디어 앱의 볼륨을 조정하고 콘텐츠를 위아래로 스크롤하는 등의 작업을 할 수 있습니다.
Wear OS 기기는 휴대기기보다 작기 때문에 어려운 점이 많습니다. 기민성 문제가 있는 사용자는 작은 화면에서 정확성이 떨어질 수 있습니다. 스크린 리더 사용자는 스크롤에 두 손가락 상호작용을 사용하기 어려울 수 있습니다. 로터리 입력을 사용하면 두 손가락 상호작용을 사용하는 것보다 더 편리한 스크롤 방법을 제공하여 사용자가 이러한 문제를 해결하도록 지원합니다.
자세한 내용은 로터리 입력을 참고하세요.
TalkBack을 위한 앱 최적화
TalkBack은 Android의 내장 스크린 리더입니다. TalkBack을 사용 설정하면 사용자는 화면을 보지 않고도 Android 지원 기기와 상호작용할 수 있습니다. 앱을 테스트하여 모든 사용자 경험을 TalkBack과 같은 스크린 리더를 통해 탐색할 수 있는지 확인합니다. 자세한 내용은 TalkBack을 참고하세요.
Wear OS의 TalkBack은 모바일의 TalkBack과 유사하지만 몇 가지 추가 고려사항이 있습니다(다음 섹션에서 자세히 설명).
내장 구성요소 사용
Wear OS는 이미 접근성 권장사항을 준수하는 여러 내장 UI 구성요소를 제공합니다. 예를 들어, PickerGroup
요소는 포커스 코디네이터 객체를 사용하여 올바른 Picker
요소에 포커스를 할당합니다.
앱에서 이러한 내장 구성요소를 사용하여 모든 사용자의 사용성을 개선하세요.
카드 및 정보 표시에 콘텐츠 설명 사용
Wear OS는 카드 및 정보 표시와 같은 다양한 UI 노출 영역을 제공합니다.
시계 화면 정보 표시는 시계 화면에 앱의 정보(예: 날짜 또는 일기예보)를 바로 한눈에 알아볼 수 있게 표시합니다. 카드를 사용하면 작업을 완료하는 데 필요한 정보와 작업에 빠르게 액세스할 수 있습니다. 사용자는 시계 화면에서 간단히 스와이프하여 날씨를 확인하고 타이머를 설정하는 등의 작업을 할 수 있습니다.
Compose 시각적 요소와 마찬가지로 카드 및 정보 표시에 contentDescription
을 설정할 수 있습니다. contentDescriptions
는 TalkBack에서 텍스트 표현이 없는 콘텐츠를 설명하는 데 사용하는 텍스트를 정의합니다.
카드 및 정보 표시에 콘텐츠 설명을 사용할 때는 다음 사항에 유의하세요.
- 사용자 가치를 제공하지 않는 추가 단어를 설명에 포함하지 않습니다(예: 정보 표시, 카드).
- 표시되는 정보 이외의 단어를 추가하지 않습니다. 예를 들어 정보 표시의 설명이 12월 13일을 표시하면 요일이나 날짜 같은 단어 없이 12월 13일이 되어야 합니다.
카드의 콘텐츠 설명 설정
setContentDescription
메서드를 사용하여 TalkBack이 소리내어 읽는 카드의 현재 콘텐츠 설명을 설정합니다.
또한 버튼과 같이 카드 내의 요소에 관한 콘텐츠 설명을 설정해야 합니다.
정보 표시의 콘텐츠 설명 설정
SmallImageComplication
, ShortTextComplication. contentDescription
과 같이 다양한 유형의 정보 표시가 있습니다. contentDescription은 빌더에서 설정됩니다. SmallImageComplicationData.Builder
에서 예를 확인하세요.
목록 동작 이해
웨어러블 기기의 화면 크기가 작기 때문에 TalkBack에서는 Wear OS의 목록 동작에 관해 여러 사항을 가정합니다.
목록 공지사항
다른 폼 팩터에서는 사용자가 목록에 포커스를 맞추면 TalkBack은 공지사항에 목록에 있음을 추가하여 사용자가 현재 위치를 이해할 수 있도록 합니다. 사용자가 목록에서 벗어나면 TalkBack에서는 공지사항에 목록에 없음을 추가합니다. 하지만 Wear OS에서는 TalkBack이 작은 화면 크기로 인해 UI당 하나의 목록만 있을 수 있다고 가정합니다. 따라서 중복 문구 방지를 위해 in-list 및 out-of-list 공지사항 지원을 삭제했습니다. Wear OS에서는 in-list 및 out-of-list 공지사항을 읽어 준다고 기대하지 마세요.
세로 목록 공지
세로 목록에서 항목을 읽을 때 TalkBack은 너무 작거나 화면에서 거의 벗어난 항목을 읽지 않습니다. 특히 TalkBack은 다음 두 가지 조건을 사용합니다.
- 화면 상단 또는 하단 근처에 있는 요소
- 높이가 32dp 미만인 요소
항목의 높이가 32dp 이상이고 목록의 첫 번째 항목에 상단 패딩이 있으며 마지막 항목에 하단 패딩이 있는지 확인하여 TalkBack을 효과적으로 사용해 보세요.
이러한 가이드라인은 가로 목록에는 적용되지 않습니다.
최소 터치 영역 설정
터치 영역은 사용자 입력에 반응하는 화면 부분입니다. 요소의 시각적 경계를 넘어 확장될 수 있습니다. 예를 들어 아이콘과 같은 요소는 24dpx24dp로 보일 수 있지만 아이콘을 둘러싼 패딩이 전체 48x48dp 터치 영역을 구성할 수 있습니다.
Android Material 가이드에 따라 권장 터치 영역 크기는 48dpx48dp입니다. Wear OS의 화면 크기는 작기 때문에 40dpx40dp가 허용되는 경우도 있습니다.
터치 영역을 구현하는 방법에 관한 자세한 내용은 Compose의 접근성을 참고하세요.
추천 서비스
- 참고: JavaScript가 사용 중지되어 있으면 링크 텍스트가 표시됩니다.
- 선택 도구
- 이미지 로드{:#loading-images}
- Compose 접근성 개선을 위한 주요 단계