접근성을 위한 디자인

Power BI 사용자 중심 디자인

Maarten Van den Broeck

Content Developer at DataCamp

색각 이상(CVD)

• 남성 약 8%, 여성 0.5%에 영향
• 두 가지 원인: 특정 원추세포의 기능 저하(“이상”), 특정 원추세포의 부재(“무(無)”)

¹ https://en.wikipedia.org/wiki/Color_blindness

색각 이상(CVD)

• 남성 약 8%, 여성 0.5%에 영향
• 두 가지 원인: 특정 원추세포의 기능 저하(“이상”), 특정 원추세포의 부재(“무”)

Name	Cones	Likelihood
Protanomaly	Red	1% Men
Protanopia	Red	1% Men
Deuteranomaly	Green	5% Men
Deuteranopia	Green	1% Men
Tritanomaly	Blue	Rare M/F
Tritanopia	Blue	Rare M/F

¹ https://en.wikipedia.org/wiki/Color_blindness

CVD 실제 예시

일반 시야

트리타노피아

프로타노피아

듀테라노피아

더 나은 색 사용 팁

• 적을수록 좋습니다!
• 색을 신호로 쓰지 않아도 되는 시각 자료 사용
• CVD 친화적 팔레트 사용
• 색 외의 구분 표시 제공
• Coblis 같은 도구 활용

글꼴 크기

고대비 모드

대비 높이기

• 대비비: 두 색의 밝기 지각 차이
• 권장 최소 4.5:1(일반 텍스트), 3:1(큰 텍스트, 18pt 이상)
• 배경 이미지는 대비를 낮추는 경향
• 대비 검사 도구로 확인

화면 판독기

• Power BI는 화면 판독기를 지원합니다. 시력이 제한된 사용자를 위해 페이지 텍스트나 이미지의 “대체 텍스트”를 음성으로 읽습니다.
• 시각화를 표로 표시해 값 나열을 쉽게 할 수 있습니다
• 대체 텍스트는 시각화를 설명하며 고정 문구나 필드 값 기반으로 설정 가능
• 단축키는 제한적이며 화면 판독기가 모든 내용을 읽지는 않습니다

스마트 내러티브

대상 사용자

• 인플레이션 추세를 파악하려는 연구 조직
• 보고서 사용자는 시각적 접근성 문제가 있을 수 있음

Vamos praticar!

Power BI 사용자 중심 디자인