캔버스 앱의 접근성 제한 사항
기본 제공 컨트롤로 액세스 가능한 캔버스 앱을 디자인 및 빌드할 수 있습니다. 때로는 앱 디자인, 다양한 컨트롤의 사용 및 구성된 컨트롤 속성의 조합으로 인해 앱에 액세스할 수 없는 사용자 인터페이스가 있을 수 있습니다.
이 문서에서는 캔버스 앱의 이러한 접근성 제한에 대해 알아보고 앱 인터페이스를 더 쉽게 액세스할 수 있도록 개선할 수 있는 방법을 알아봅니다.
대화 상자 및 오버레이
다른 콘텐츠 위에 나타나는 대화 상자 및 사용자 인터페이스는 지원되지 않습니다. 이러한 오버레이에는 포커스 관리, 화면 읽기 프로그램에서 백그라운드 콘텐츠 숨기기 및 적절한 컨트롤 역할이 필요합니다.
다음을 고려하십시오.
- 각 "대화 상자"에 대해 별도의 화면을 사용합니다.
- 알림 함수를 사용합니다.
- 액세스 가능한 대화 상자를 구현하는 코드 구성 요소를 생성 합니다.
탭 인터페이스
탭 인터페이스는 탭 목록과 선택한 탭과 관련된 내용을 표시하는 패널로 구성됩니다.
탭 인터페이스를 지원하는 유일한 기본 제공 컨트롤은 탭 목록 입니다. 탭을 생성하는 데 갤러리 를 사용하지 마세요. 탭 목록은 화살표 키로 탐색할 수 있어야 합니다. 적절한 컨트롤 역할 및 상태가 필요합니다.
다음을 고려하십시오.
- 기본 제공 탭 목록 을 사용합니다.
- 액세스 가능한 탭 인터페이스를 구현하는 코드 구성 요소를 생성 합니다.
사용자 정의 테이블
2차원 데이터를 지원하는 유일한 기본 제공 컨트롤은 데이터 테이블 입니다. 행과 열로 데이터를 표시하려면 갤러리 를 사용하지 마십시오. 화면 읽기 프로그램 사용자가 구조를 이해하고 셀을 탐색할 수 있도록 행과 열에 주석을 달아야 합니다.
다음을 고려하십시오.
- 기본 제공 데이터 테이블 을 사용합니다.
- 갤러리 를 사용하여 데이터를 한 방향으로 표시합니다.
- 액세스 가능한 테이블을 구현하는 코드 구성 요소를 생성 합니다.
사용자 지정 콤보 상자
텍스트 입력 그리고**갤러리** 를 결합하여 콤보 상자를 에뮬레이트할 수 있습니다. 그러나 기본 제공 컨트롤에서 어셈블된 콤보 상자에는 액세스할 수 없습니다. 콤보 상자는 화살표 키를 처리하고 구성 요소에 적절한 역할과 상태를 설정해야 합니다.
다음을 고려하십시오.
- 기본 제공 콤보 박스 또는 드롭다운 을 사용합니다.
- 액세스 가능한 콤보 상자를 구현하는 코드 구성 요소를 생성 합니다.
스크롤 가능 콘텐츠
내부에 대화형 컨트롤이 없는 경우 키보드 사용자는 양식, 스크롤 가능 화면, 및 컨테이너 를 스크롤할 수 없습니다.
대화형 콘텐츠가 없는 갤러리 의 경우 키보드 사용자가 포커스를 맞추고 화살표 키를 사용하여 스크롤할 수 있도록 갤러리에서 TabIndex 를 설정할 수 있습니다.
레이블 의 경우, TabIndex을 설정하면 키보드 스크롤에 포커스를 맞출 수 있습니다. 그러나 이는 레이블을 버튼으로 바꾸기도 합니다. 버튼이 아닌 레이블을 스크롤 가능하게 만들지 마십시오. 레이블이 텍스트에 맞도록 충분히 큰지 확인합니다. 컨트롤이 양식, 스크롤 가능 화면, 또는 갤러리 내부에 있을 때 AutoHeight 속성은 컨트롤의 크기를 자동으로 조정하는 데 사용할 수 있습니다.
확장 가능한 섹션
공개라고도 하는 확장 가능한 섹션에는 사용자가 버튼을 누를 때까지 숨겨진 콘텐츠가 포함되어 있습니다. 이러한 요소에 대한 기본 제공 지원은 없지만 해결 방법이 있습니다.
버튼의 AccessibleLabel 에서 확장된 상태를 멘션합니다. 예를 들어 "세부 정보 표시. 축소됨."입니다.
확장된 상태가 변경될 때 AccessibleLabel을 업데이트합니다. 화면 읽기 프로그램 사용자가 논리적으로 탐색할 수 있도록 확장된 콘텐츠를 버튼 바로 뒤에 배치합니다. 섹션이 확장되면 다른 콘텐츠를 아래로 누릅니다.
랜드마크
레이블 컨트롤을 사용하여 제목을 만들 수 있습니다. 탐색, 배너 및 기타 랜드마크는 지원되지 않습니다. Power Apps는 주요 랜드마크를 앱 화면에 자동으로 설정합니다.
다른 랜드마크의 경우 해결 방법으로 제목을 사용하십시오.
사용자 지정 역할 및 상태
사용자 지정 역할 및 상태에 대한 기본 제공 지원이 없습니다. 따라서 기본 제공 컨트롤에서 복합 확인란, 슬라이더 및 토글을 만드는 것은 권장되지 않습니다.
다음을 고려하십시오.
- AccessibleLabel 에서 컨트롤의 역할과 상태를 멘션합니다. 예를 들어 아이콘 이 확인란으로 사용되는 경우 해당 레이블은 "알림 사용. 확인란. 선택됨."입니다.
- WAI-ARIA 역할 및 상태를 적절하게 설정하는 코드 구성 요소를 만듭니다.
사용자 지정 키보드 처리
특정 키 누름에 반응하는 것은 불가능합니다. 예를 들어 화살표 키 또는 Esc 키에 대한 사용자 정의 동작을 가질 수 없습니다. 따라서 기본 제공 컨트롤에서 라디오 버튼과 같은 목록형 컨트롤을 구성할 수 없습니다. Esc 키로 해제할 수 있는 오버레이를 만들 수도 없습니다.
Enter 또는 Space 키 처리는 OnSelect 에서 지원됩니다. 그러나 이 속성은 마우스 클릭과 같은 다른 입력 방법에 의해서도 트리거됩니다. 이벤트의 원인을 구별할 방법이 없습니다.
포커스 관리
SetFocus 기능은 포커스를 변경하는 데 사용할 수 있지만 제한된 시나리오에서만 동작합니다.
컨트롤이 포커스를 받거나 잃을 때 검색할 수 없습니다.
화면 읽기 프로그램 사용자에게만 콘텐츠 숨기기
시력이 정상인 사용자에게 콘텐츠를 표시하는 것과 동일한 aria-hidden은 없지만 화면 읽기 프로그램 사용자에 대해서는 숨깁니다. 몇 가지 시나리오만 지원됩니다.