액세스 가능한 앱을 설계하기 위한 모범 사례

분석 앱은 여러 가지 접근성 기능을 지원합니다. 앱 작성자는 접근성을 개선하고 모든 사용자가 분석 앱의 정보에 액세스할 수 있도록 하기 위해 추가 조치를 취할 수도 있습니다.

분석 앱은 다음과 같은 접근성 기능을 지원합니다.

• 고대비를 포함하는 기본 색 구성표

• 키보드 탐색 및 키보드 바로 가기

  앱의 키보드 탐색 및 바로 가기

• 스크린 리더 지원

  화면 읽기 프로그램에서 Qlik Sense 사용

접근성을 고려하여 앱을 설계할 때 따라야 할 모범 사례가 있습니다. 또한, 앱의 접근성을 높이는 데 도움이 되는 특정 앱 설정도 있습니다.

설계 모범 사례

접근성을 고려하여 설계할 때 다음 모범 사례를 따르십시오.

• 플랫 시트 구조 유지

• 먼저 개요 제공

• 액세스 가능한 색 사용

• 접근성을 위한 시각화 선택

• 스토리텔링 방지

플랫 시트 구조 유지

시트에 시각화를 추가할 때는 열과 행이 적은 플랫 구조를 사용합니다. 플랫 구조는 사용자의 가독성을 향상합니다. 또한, 키보드 탐색이 왼쪽 위에서 오른쪽 아래로 이동하기 때문에 키보드 탐색도 더 쉬워집니다.

여러 열과 행이 있는 복잡한 시트 레이아웃은 이해하기도 어렵고 키보드로 탐색하기도 더 어렵습니다. 시트를 설계할 때 키보드로 시트를 탐색해 보면서 사용자가 앱을 어떻게 인식하는지 확인합니다.

먼저 개요 제공

시트를 만들 때는 먼저 개요를 제공한 다음 세부 정보를 제공합니다. 이를 통해 사용자는 시트에 있는 정보를 더 쉽게 활용할 수 있습니다. 예를 들어, 시트에 요약과 KPI를 제공한 다음, 더 자세한 내용이 있는 표나 다른 시각화 자료를 제공합니다. 다른 시트에 세부 정보를 배치할 수도 있습니다. 혹은 시트 크기를 조정하여 스크롤할 수 있게 하고 시트 아래쪽에 추가 세부 정보를 넣을 수도 있습니다.

시트 크기 변경에 대한 자세한 내용은 시트 레이아웃 변경을 참조하십시오.

올바른 시각화를 선택합니다

분석 앱은 분석에 사용할 수 있는 다양한 시각화를 제공합니다. 액세스 가능한 앱을 설계할 때 보다 효과적인 시각화를 선택할 수 있습니다. 시각화를 선택할 때 다음 사항을 유념해야 합니다.

• 데이터 보기에 차트 사용

• 시각화 번들에서 일반표 사용

• 맵 차트 사용 안 함

• 사용자 지정 개체 사용 안 함

데이터 보기에 차트 사용

앱을 설계할 때 데이터 보기가 포함된 차트를 사용합니다. 데이터 뷰를 사용하면 사용자가 차트를 표로 변경하여 값을 검사하고 선택하는 데 도움이 됩니다.

다음 차트에서 데이터 보기를 사용할 수 있습니다.

• 막대형 차트
• 상자 그림(하나 이상의 차원 포함)
• 콤보 차트
• 분포도
• 히스토그램
• 꺾은선형 차트
• 원형 차트
• 피벗 테이블
• 스캐터 차트
• 트리맵

자세한 내용은 시각화의 데이터 보기를 참조하십시오.

시각화 번들에서 일반표 사용

시각화 번들의 직접 테이블은 현재의 표 시각화에 비해 탐색 환경이 개선되었습니다. 접근성 있는 앱에 테이블을 추가할 때는 표준 표 시각화 대신 테이블을 사용합니다.

자세한 내용은 일반표을 참조하십시오.

맵 차트 사용 안 함

맵 차트는 키보드 탐색으로 탐색할 수 없습니다. 접근성이 뛰어난 앱을 만들 때는 지리적 데이터를 표현하는 대체 방법을 고려합니다.

사용자 지정 개체 사용 안 함

대시보드나 시각화 번들에 있는 차트는 단순 테이블을 제외하고 다른 차트에 비해 접근성이 떨어질 수 있습니다. 액세스 가능한 앱에서는 사용하지 않는 것이 좋습니다. 또한, 확장을 사용하는 경우 사용자가 확장에 액세스할 수 있는지 테스트합니다.

액세스 가능한 색 사용

색 기반 시각 장애가 있는 사람들의 경우 색 스펙트럼이 더 좁습니다. 의도한 것과 다르게 시각화를 해석할 수도 있습니다. 예를 들어, 일부 사용자는 시각화에서 빨간색과 녹색을 사용하는 데 어려움을 겪을 수 있습니다. 색의 대비가 충분하지 않으면 선, 막대, 파이 슬라이스도 구분하기 어려울 수 있습니다.

앱에서는 간단한 색 구성표를 사용하는 것이 가장 좋습니다. 기본 앱 색 구성표에는 각각 서로 대비되는 12가지 색이 있습니다. 가능하다면 3~5가지 색을 사용하거나 단색을 기반으로 한 색 구성표를 사용하는 것이 좋습니다. 사용자 지정 색 구성표를 만들고 액세스 가능한 모든 앱에서 사용할 수 있습니다. 자세한 내용은 사용자 지정 테마 만들기를 참조하십시오.

테마와 별도로 일부 색을 수동으로 설정할 수도 있습니다. 차원의 경우 마스터 차원의 값에 색을 지정할 수 있습니다. 자세한 내용은 마스터 차원 값에 색 할당을 참조하십시오. 표현식에 따라 색을 지정하여 색을 설정할 수도 있습니다. 자세한 내용은 표현식 기준 색 지정을 참조하십시오. 시각화에 대한 색 옵션에 대해 자세히 알아보려면 시각화 색 지정을 참조하십시오.

KPI에 성과 표시기로 도형 추가

KPI에 성과 표시기로 도형을 추가하는 것이 좋습니다. 이를 통해 컨텍스트를 추가하고 KPI에 대한 접근성을 높일 수 있습니다. 예를 들어 저조한 결과에는 속이 빈 빨간색 원을, 훌륭한 결과에는 속이 채원진 녹색 원을, KPI 상태가 허용되지 않는 수준일 때만 나타나는 경고 기호로 삼각형을 사용할 수 있습니다. 자세한 내용은 KPI에 도형 추가을 참조하십시오.

스토리텔링 방지

스토리는 검색 사항을 표현하는 데 유용한 반면, 시트는 키보드 탐색과 화면 읽기 프로그램을 통해 더 쉽게 액세스할 수 있습니다. 접근성을 고려해서 설계된 앱에서는 시트를 사용해 검색한 내용을 설명하는 것이 더 좋습니다.

액세스 가능한 앱 설정

분석 앱에는 앱의 접근성을 개선하는 데 도움이 되는 다양한 설정이 있습니다.

시트 설정

시트에서 접근성을 개선하기 위해 변경할 수 있는 몇 가지 설정이 있습니다.

• 시트 제목 대비 개선

• 가리키기 메뉴 끄기

시트 제목 대비 개선

시트 제목의 스타일링을 시트와 대조되도록 지정하여 시트 제목의 가시성을 높일 수 있습니다.

다음과 같이 하십시오.

1. 앱 탐색 막대에서 앱 제목을 클릭합니다.

2. 을 클릭하여 설정을 엽니다.

3. 시트 제목 스타일링에서 색 설정을 조정하여 대비를 개선합니다.

가리키기 메뉴를 끕니다.

가리키기 메뉴를 끄면 더 부드러운 탐색이 가능합니다. 컨텍스트 메뉴와 바로 가기를 통해서도 옵션을 사용할 수 있으므로 기능 손실이 없습니다.

다음과 같이 하십시오.

1. 앱 탐색 막대에서 앱 제목을 클릭합니다.

2. 을 클릭하여 설정을 엽니다.

3. 모양에서 시각화에 대한 가리키기 메뉴 표시를 끕니다.

차트 설정

일부 차트에는 사용자의 접근성을 높이는 데 도움이 되는 옵션이 있습니다. 다음을 수행할 수 있습니다.

• 텍스트 설명 제공

• 시각화에서 차원 값 제한

• KPI에 도형 추가

텍스트 설명 제공

시각화에는 제목, 부제, 각주에 대한 필드가 제공됩니다. 정확한 텍스트 설명을 제공하면 사용자가 시각화를 탐색하고 시트에 컨텍스트를 제공하는 데 도움이 됩니다. 컨텍스트가 없으면 사용자가 시트에서 관심 있는 정보를 찾는 데 더 오랜 시간이 걸릴 수 있습니다. 제목, 부제, 각주는 모두 화면 읽기 프로그램으로 읽힙니다.

시각화에서 차원 값 제한

차원에서 명목 데이터로 작업할 때 범주 수가 10개보다 큰 경우 계층 구조를 찾거나 집계를 만들어 보십시오. 예를 들어, 상위 10개 값만 표시하고 나머지는 기타로 분류하면 데이터를 더 쉽게 이해하고 소리내어 읽을 수 있습니다. 자세한 내용을 포함해야 하는 경우, 시트 끝이나 다른 시트에 포함시킬 수 있습니다.

다음과 같이 하십시오.

1. 편집 모드에서 고급 옵션을 클릭합니다.

2. 시각화를 선택합니다.

3. 속성 패널의 데이터에서 차원을 선택합니다.

4. 제한 사항에서 다음 중 하나를 선택합니다.

   • 고정 숫자: 최고 또는 최저 값을 표시하려면 선택합니다. 값의 수를 설정합니다. 표현식을 사용하여 숫자를 설정할 수도 있습니다. 를 클릭하여 수식 편집기를 엽니다.

   • 정확한 값: 연산자를 사용하여 정확한 한계 값을 설정합니다. 표현식을 사용하여 숫자를 설정할 수도 있습니다. 를 클릭하여 수식 편집기를 엽니다.

   • 상대 값: 연산자를 사용하여 상대 한계 값을 백분율로 설정합니다. 표현식을 사용하여 숫자를 설정할 수도 있습니다. 를 클릭하여 수식 편집기를 엽니다.

숫자 축약

긴 숫자를 읽고, 듣고, 이해하는 것은 어려울 수 있습니다. 가능하다면 숫자를 줄여서 자릿수와 소수점을 적게 유지합니다.

Ceil 및 Round와 같은 함수를 사용하여 숫자를 반올림할 수 있습니다. 예를 들어, 측정값을 소수점 첫째 자리까지 백만 단위로 반올림하려면 =Round(Sum(Sales)/1000000, 0.1)을 사용하면 됩니다.

자세한 내용은 다음을 참조하십시오.

• Ceil - 스크립트 및 차트 함수

• Round - 스크립트 및 차트 함수

KPI에 도형 추가

KPI에 조건부 색을 사용하는 경우 색 외에도 기호를 추가할 수 있습니다. 기호는 추가적인 성과 표시기를 제공하는 데 사용될 수 있습니다.

다음과 같이 하십시오.

1. KPI 시각화를 선택하고 고급 편집 모드에서 속성 패널로 전환합니다.

2. 모양을 선택하고 색을 확장합니다.

3. 필요한 경우 라이브러리 색상을 끄고 조건부 색상을 켭니다.

4. 제한 추가를 클릭하여 새 제한을 만듭니다. 단일 KPI 차트에 여러 제한을 추가할 수 있습니다.

5. 한계 값을 지정하거나 식 편집기를 사용하여 표현식을 입력합니다.

6. 값 색상 막대에서 수정하려는 KPI의 범위 영역을 클릭합니다.

7. 색상에서 사전 설정 색상을 선택하거나 사용자 지정 색상을 사용합니다.

8. 기호를 선택하고 KPI가 지정된 제한 내에 있을 때 표시되는 기호를 선택합니다.

동적 제목 사용

시각화를 만들 때는 동적 제목을 사용하여 차트의 본질을 포착합니다. 단순한 제목을 만드는 것보다는 사용자 선택에 따라 동적으로 정보를 제공하는 제목에 대한 표현식을 만드는 것이 좋습니다.

max(), min(), rank(), correl()과 함께 집합 분석을 사용하여 제목을 작성하면 더욱 동적으로 설명적인 차트를 표현할 수 있습니다.

예를 들어, 이 시각화에는 정적 제목이 있습니다.

제목과 부제에 동적인 표현식을 추가하면 차트는 정보를 더욱 동적으로 표현식하고, 사용자에게 더 많은 정보를 제공할 수 있습니다.

동적 제목의 장점은 사용자 선택에 따라 바뀐다는 점입니다. 아래 시각화에서는 판매가 가장 많은 3개국이 선택되었으며, 시각화의 제목과 부제도 변경되었습니다.