앱의 컴포저블을 더 접근성 있게 만들어 보세요. 다음 단계에 따라 컴포저블의 접근성을 개선할 수 있습니다.
- 컴포저블 설명
- 상호작용 추가
- 복잡한 UI 처리
컴포저블 설명
컴포저블을 설명하려면 Modifier.semantics를 사용하여 시맨틱 속성 (예: role, label, state 또는 작업)을 선언합니다. 접근성 서비스는 이러한 시맨틱 속성을 읽고 정보를 사용하여 UI와 상호작용하고 UI를 알릴 수 있습니다.
Role 속성은 접근성 서비스가 구성요소의 목적과 예상되는 상호작용을 알리는 데 필요한 컨텍스트를 제공하므로 특히 중요합니다. 예를 들어 클릭 가능한 버튼처럼 동작하는 맞춤 아이콘을 생각해 보세요. 역할을 Role.button로 설정하면 스크린 리더가 정적 이미지가 아닌 대화형 요소로 이를 알릴 수 있습니다.
자세한 내용은 시맨틱을 참고하세요.
상호작용 추가
컴포저블에 상호작용을 추가하려면 clickable 또는 toggleable 수정자를 사용하세요. 이러한 수정자에는 접근성 서비스가 읽을 수 있는 내장 시맨틱 속성이 있습니다. 복잡한 터치 스크린 동작의 접근성을 높이려면 CustomAccessibilityAction를 사용하세요.
자세한 내용은 맞춤 작업을 참고하세요.
복잡한 UI 처리
Compose는 기본적으로 많은 접근성 기능을 지원하지만 더 복잡한 UI에는 더 맞춤설정된 동작이 필요할 수 있습니다. UI 계층 구조를 논리적으로 구성하고 접근성 서비스가 순회할 수 있는 논리적 읽기 순서를 제공하면 복잡한 UI의 접근성을 높일 수 있습니다.
UI 계층 구조를 논리적으로 구성: 상위 컴포저블이 여러 하위 요소로 구성된 경우 이러한 요소가 그룹화되는 방식을 명시적으로 지정하거나 완전히 재정의할 수 있습니다. 자세한 내용은 병합 및 지우기를 참고하세요.
탐색 순서 제어: Compose의 기본 읽기 순서가 충분하지 않은 경우 스크린 리더가 UI 요소를 탐색하는 방법을 수동으로 제어할 수 있습니다. 자세한 내용은 탐색 순서 수정을 참고하세요.
포커스 제어: 키보드 및 D패드 탐색의 경우 포커스 순회 순서를 수동으로 재정의할 수 있습니다. 자세한 내용은 포커스 동작 변경 및 포커스 이동 순서 변경을 참고하세요.
추가 리소스
UI의 접근성을 높이는 방법을 자세히 알아보려면 다음 추가 리소스를 참고하세요.