Thiết kế cho khả năng truy cập

Thiết kế hướng người dùng trong Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Thiếu thị lực màu (CVD)

  • Ảnh hưởng ~8% nam và 0,5% nữ
  • Hai nguyên nhân chính: thiếu một số nón cảm nhận màu trong mắt ("anomaly") hoặc không có một số nón ("anopia")
1 https://en.wikipedia.org/wiki/Color_blindness
Thiết kế hướng người dùng trong Power BI

Thiếu thị lực màu (CVD)

  • Ảnh hưởng ~8% nam và 0,5% nữ
  • Hai nguyên nhân chính: thiếu một số nón trong mắt ("anomaly") hoặc không có một số nón ("anopia")
Tên Nón Khả năng
Protanomaly Đỏ 1% nam
Protanopia Đỏ 1% nam
Deuteranomaly Lục 5% nam
Deuteranopia Lục 1% nam
Tritanomaly Lam Hiếm nam/nữ
Tritanopia Lam Hiếm nam/nữ
1 https://en.wikipedia.org/wiki/Color_blindness
Thiết kế hướng người dùng trong Power BI

CVD trong thực tế

Thị lực điển hình

Ảnh mẫu từ SQL Server Integration Services năm 2008.

Tritanopia

Cùng ảnh mẫu, như khi người bị tritanopia nhìn.

Protanopia

Cùng ảnh mẫu, như khi người bị protanopia nhìn.

Deuteranopia

Cùng ảnh mẫu, như khi người bị deuteranopia nhìn.

Thiết kế hướng người dùng trong Power BI

Mẹo dùng màu hiệu quả

  • Ít mà chất!
  • Ưu tiên trực quan không phụ thuộc màu làm tín hiệu
  • Dùng bảng màu thân thiện CVD
  • Có chỉ báo ngoài màu sắc
  • Dùng công cụ như Coblis

Sơ đồ cây khi nhìn bởi người bị protanopia.

Thiết kế hướng người dùng trong Power BI

Cỡ chữ

Tùy chỉnh chủ đề hiện có.

Đặt cỡ chữ mặc định đủ lớn.

Thiết kế hướng người dùng trong Power BI

Chế độ tương phản cao

Bật chế độ tương phản cao trong Windows.

Ví dụ dashboard Power BI ở chế độ tương phản cao.

Thiết kế hướng người dùng trong Power BI

Tăng tương phản

  • Tỷ lệ tương phản: chênh sáng cảm nhận giữa hai màu
  • Khuyến nghị tối thiểu 4,5:1 cho văn bản thường và 3:1 cho văn bản lớn (≥18 pt)
  • Ảnh nền thường làm giảm tương phản
  • Dùng công cụ kiểm tra tương phản
Thiết kế hướng người dùng trong Power BI

Trình đọc màn hình

  • Power BI hỗ trợ trình đọc màn hình—công cụ đọc to văn bản trên trang hoặc "alt text" của ảnh cho người nhìn kém
  • Power BI cho hiển thị trực quan dưới dạng bảng, giúp liệt kê giá trị dễ hơn
  • Alt Text mô tả trực quan, có thể là văn bản tĩnh hoặc giá trị của trường
  • Phím tắt còn hạn chế và trình đọc màn hình không đọc hết nội dung.

Đặt alt text cho trình đọc màn hình.

Thiết kế hướng người dùng trong Power BI

Smart narratives

Ví dụ smart narrative.

Thiết kế hướng người dùng trong Power BI

Đối tượng của chúng ta

  • Tổ chức nghiên cứu muốn hiểu xu hướng lạm phát
  • Người dùng báo cáo có thể gặp vấn đề về khả năng truy cập thị giác
Thiết kế hướng người dùng trong Power BI

Ayo berlatih!

Thiết kế hướng người dùng trong Power BI

Preparing Video For Download...