액세스 가능한 캔버스 앱 만들기

  • 아티클

액세스 가능한 캔버스 앱에서는 시각, 청각 및 기타 장애가 있는 사용자가 앱을 사용할 수 있습니다. 여러 정부 및 조직의 요구 사항인 점을 별개로 하더라도 아래 지침을 따르면 사용자의 능력에 상관없이 모든 사용자의 사용 편의성이 개선됩니다.

접근성 검사기 를 사용하여 앱의 잠재적인 접근성 문제를 검토하십시오.

레이아웃 및 색

상식적이고 복잡하지 않은 디자인을 사용하면 모든 사용자가 앱에 쉽게 액세스하는 데 도움이 됩니다. 앱의 사용자 지정을 많이 수행하는 경우 아래 제안 사항에 유의해야 합니다. Power Apps 테마는 접근성 표준을 충족하도록 설계되었습니다.

  • 모든 요소가 명확하게 표시되고 텍스트가 충분한 크기인지 확인해야 합니다. 모든 콘텐츠를 육안으로 쉽게 읽고 이해할 수 있어야 합니다.
  • 화면에서 입력 요소에 레이블이 지정되어 있어야 합니다. AccessibleLabel 속성은 화면 읽기 프로그램이 알릴 내용을 정의합니다.
  • 색을 사용자 지정할 경우 텍스트:배경의 대비율이 4.5:1 이상이어야 합니다. 이 프로세스를 지원하는 소프트웨어 도구를 바로 사용할 수 있습니다.
  • 레이아웃이 위에서 아래로, 왼쪽에서 오른쪽으로 읽을 때 논리 흐름에 맞는지 확인해야 합니다.
  • 반응형 앱 만들기를 통해 저시력 사용자가 앞뒤로 스크롤하지 않고 확대하여 사용할 수 있습니다.

키보드

앱의 접근성을 테스트할 때 화면 리더가 있거나 없이 키보드로만 앱을 사용할 수 있는지 확인하세요.

탭 키는 논리적인 순서로 대화형 요소로 이동해야 합니다. 논리적 앱 구조와 각 컨트롤의 TabIndex 속성에 맞게 설정하여 이것을 만들 수 있습니다.

  • 레이블, 이미지, 아이콘, 도형 컨트롤: TabIndex을 대화형으로 사용하려는 경우 0으로 설정합니다. 그렇지 않으면 TabIndex를 -1로 설정합니다.
  • TabIndex를 0보다 크게 설정하지 마십시오.
  • 기본 탭 색인 앱 설정이 활성화되어 있는지 확인합니다.

화면 판독기

다음 화면 판독기는 Power Apps에서 작동하도록 확인되었습니다.

만족스러운 화면 판독기 환경을 위해서는 다음을 수행하는 것이 좋습니다.

  • 모든 입력 컨트롤의 AccessibleLabel 속성을 설정해야 합니다.
  • 이미지의 경우, AccessibleLabel 을 적절한 설명으로 설정합니다.
    • 사진이 버튼 또는 링크로 사용되지 않고(즉, 아이콘이 장식용으로만 사용됨) 화면 읽기 프로그램에서 읽지 않아야 하는 경우 AccessibleLabel 이 비어 있거나 설정되어 있지 않아야 합니다.
    • 사진이나 아이콘이 버튼으로 사용되는 경우에는 TabIndex 를 0으로, AccessibleLabel 을 링크 설명으로 설정합니다.

컨트롤 유형 및 구조

올바른 컨트롤을 사용하고 그룹화하면 화면 읽기 프로그램 사용자가 앱의 구조를 이해하는 데 도움이 됩니다.

멀티미디어

모든 비디오에 자막이 있고 모든 오디오 녹음의 대본이 사용자에게 제공되는지 확인합니다. 비디오 컨트롤에서는 ClosedCaptionsUrl 속성을 통해 WebVTT 형식의 선택 자막을 지원합니다.

화면 읽기 프로그램을 사용하도록 설정한 경우 타이머에서 버튼 텍스트를 알리지 않지만 경과된 시간은 알립니다. 타이머가 낮은 불투명도로 숨겨진 경우에도 알림을 끌 수 없습니다.

서명 작업

PenInput 컨트롤을 사용하는 서명 필드가 있는 경우 서명 입력의 대체 방법을 사용하도록 설정해야 합니다. 이 경우 사용자가 이름을 입력할 수 있는 TextInput 컨트롤을 표시하는 것이 좋습니다. 서명 지침은 AccessibleLabel 속성에 배치되고 컨트롤은 펜 입력 옆 즉, 오른쪽이나 바로 아래에 배치되었는지 확인합니다.

다음 단계

액세스 가능한 앱 구조

참조