การออกแบบเพื่อการเข้าถึง

การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางใน Power BI

Maarten Van den Broeck

Content Developer at DataCamp

ความบกพร่องในการมองเห็นสี (CVD)

• พบในผู้ชายประมาณ 8% และผู้หญิง 0.5%
• สาเหตุหลัก 2 ประการ: ความบกพร่องของเซลล์รูปกรวยในดวงตา ("anomaly") หรือการขาดหายของเซลล์รูปกรวย ("anopia")

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

ความบกพร่องในการมองเห็นสี (CVD)

• พบในผู้ชายประมาณ 8% และผู้หญิง 0.5%
• สาเหตุหลัก 2 ประการ: ความบกพร่องของเซลล์รูปกรวยในดวงตา ("anomaly") หรือการขาดหายของเซลล์รูปกรวย ("anopia")

ชื่อ	เซลล์รูปกรวย	ความชุก
Protanomaly	สีแดง	1% ผู้ชาย
Protanopia	สีแดง	1% ผู้ชาย
Deuteranomaly	สีเขียว	5% ผู้ชาย
Deuteranopia	สีเขียว	1% ผู้ชาย
Tritanomaly	สีน้ำเงิน	พบได้น้อย ชาย/หญิง
Tritanopia	สีน้ำเงิน	พบได้น้อย ชาย/หญิง

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

CVD ในทางปฏิบัติ

การมองเห็นปกติ

Tritanopia

Protanopia

Deuteranopia

เคล็ดลับการใช้สีให้ดีขึ้น

• น้อยแต่มาก!
• เลือกภาพที่ไม่ต้องพึ่งสีเพื่อสื่อความหมาย
• ใช้ชุดสีที่รองรับ CVD
• เพิ่มตัวบ่งชี้อื่นนอกจากสี
• ใช้เครื่องมืออย่าง Coblis

ขนาดตัวอักษร

โหมด High Contrast

การเพิ่มคอนทราสต์

• อัตราส่วนคอนทราสต์: ความแตกต่างของความสว่างที่รับรู้ระหว่างสองสี
• แนะนำให้ใช้อย่างน้อย 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (18 พอยต์ขึ้นไป)
• ภาพพื้นหลังมักทำให้อัตราส่วนคอนทราสต์ต่ำลง
• ใช้เครื่องมือทดสอบคอนทราสต์เพื่อตรวจสอบ

โปรแกรมอ่านหน้าจอ

• Power BI รองรับโปรแกรมอ่านหน้าจอ ซึ่งเป็นเครื่องมืออ่านข้อความบนหน้าหรือ "alt text" ของภาพให้ผู้ที่มีสายตาบกพร่องได้ยิน
• Power BI รองรับการแสดงภาพเป็นตาราง ทำให้อ่านค่าต่างๆ ได้ง่ายขึ้น
• Alt Text อธิบายภาพ สามารถใช้ข้อความคงที่หรือค่าจากฟิลด์ก็ได้
• ปุ่มลัดบนคีย์บอร์ดมีข้อจำกัด และโปรแกรมอ่านหน้าจออาจไม่อ่านเนื้อหาทั้งหมด

Smart narratives

กลุ่มเป้าหมาย

• องค์กรวิจัยที่ต้องการทำความเข้าใจแนวโน้มเงินเฟ้อ
• ผู้ใช้รายงานอาจมีข้อจำกัดด้านการมองเห็น

มาฝึกกันเถอะ!

การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางใน Power BI