액세스 가능한 대시보드 설계

대규모 대상 사용자를 위한 대시보드를 만들 때는 시각적 분석 대시보드의 접근성을 높이는 방법을 알고 있어야 합니다.

다음은 액세스 가능한 대시보드를 설계하고 구성하는 데 도움이 되는 여러 지침입니다.

대비가 높은 색상을 사용하고 일관성 유지

시각화 항목에 대한 대비를 3:1 이상으로 지정합니다.
시각화의 색상과 사람들이 상호 작용하는 항목의 경우 배경색에 대한 대비율이 3:1 이상인 색상을 선택하십시오.
텍스트 대비를 4.5:1 이상으로 지정합니다.
대시보드의 텍스트 요소 색상은 배경색과의 대비율이 4.5:1 이상인 색상을 선택하십시오.
색맹 친화적인 색상을 선택하십시오.
비교할 색상 항목의 경우 색맹 친화적인 색상을 선택하십시오. 색맹 친화적인 팔레트를 사용하고 빨간색과 녹색을 함께 사용하지 마십시오.
동일한 유형의 시각화는 대시보드에서 일관적이어야 합니다.
대시보드에 동일한 유형의 시각화가 두 개 이상 있는 경우(예: 원형 차트 두 개) 일관성이 있어야 합니다. 이는 "모양과 느낌"이 동일할 뿐만 아니라 설정도 유사해야 함을 의미합니다. 그러나 반드시 같은 색상을 사용할 필요는 없습니다. 예를 들어 동일한 유형의 시각화에서 범례를 같은 쪽에 유지합니다.
색상 외에 다른 시각적 수단을 사용하여 정보를 제공합니다.
시각화에서 항목을 구별할 때 색상에만 의존하지 마십시오. 항목을 서로 구별할 수 있도록 크기, 모양 및 패턴을 다르게 하는 것이 좋습니다.

설명이 포함된 시각화 제목을 지정합니다.
제목은 시각화의 콘텐츠를 설명하고 소비자에게 시각화를 소개해야 합니다.
설명이 포함된 범례를 제공합니다.
시각화의 범례는 값을 명확하게 설명해야 합니다.
설명이 포함된 페이지 제목을 제공합니다.
페이지 제목은 소비자가 페이지에서 예상할 수 있는 콘텐츠를 설명해야 합니다.
시각화를 위한 대체 텍스트를 제공합니다.
볼 수 없거나 다른 이유로 시각화를 이해할 수 없는 사람들을 돕기 위해 모든 시각화에 대한 대체 텍스트가 있어야 합니다. 여기에는 시각화 및 그 목적에 대한 설명과 잠재적으로 생성된 인사이트가 포함되어야 합니다.
대시보드의 개요를 제공합니다.
전체 분석에 대한 설명을 포함합니다. 목적, 탐색 방법, 소비자가 예상할 수 있는 것을 포함합니다.
Sans-Serif 글꼴을 사용합니다.
Roboto 또는 Arial과 같은 Sans-Serif 글꼴을 선택합니다. Times New Roman과 같은 글꼴은 읽기 어려워하는 사람들이 있으므로 피하십시오.
16픽셀보다 큰 텍스트를 제공합니다.
가능하면 높이가 16픽셀 이상인 텍스트를 사용합니다. 더 작은 텍스트를 사용하는 경우 위의 "대비가 높은..."에서 제안하는 2단계보다 더 높은 대비가 필요합니다.

목록과 테이블에 논리적 구조를 제공합니다.
테이블과 목록은 쉽게 탐색할 수 있도록 구성되어야 합니다. 지리적 데이터의 경우 사전순 또는 남북과 같은 논리적 구조를 사용합니다.
대시보드의 시각 및 탐색 복잡성을 최소화합니다.
복잡성 최소화를 위해 명확하고 단순한 대시보드를 만들려고 노력합니다. 시각화가 함께 표시되어야 하는 경우 동일한 페이지에 표시되어야 하는 순서대로 시각화를 배치합니다.
대시보드는 자연스러운 흐름으로 구성되어야 합니다.
쉽게 인식하고 순차적으로 탐색할 수 있도록 대시보드를 설계합니다. 예를 들어 위에서 아래로 그리고 왼쪽에서 오른쪽으로 자연스러운 흐름이 있어야 합니다. 중요한 정보는 대시보드 상단에 배치합니다.