Skip to main content
ColorVision
ไทย
ตัวจำลองแบบฟรี

ตัวจำลองภาวะตาบอดสี

อัปโหลดภาพใดก็ได้เพื่อดูว่าภาพนั้นปรากฏอย่างไรต่อผู้ที่มีภาวะบกพร่องการมองเห็นสีแบบต่าง ๆ การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ภาพจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใด ๆ

อัปโหลดภาพของคุณ

ฟิลเตอร์ที่ใช้อยู่

ปกติ

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

มุมมองจำลอง

ภาพจำลองของคุณจะปรากฏที่นี่หลังอัปโหลด

เกี่ยวกับตัวจำลองภาวะตาบอดสีนี้

ทำงานอย่างไร

ตัวจำลองนี้ใช้เมทริกซ์แปลงสีที่อ้างอิงจากงานของ Machado, Oliveira & Fernandes (2009) เพื่อแปลงสีของแต่ละพิกเซลให้เป็นอย่างที่ผู้มีภาวะบกพร่องการมองเห็นสีแต่ละแบบจะเห็น การคำนวณทั้งหมดทำในเบราว์เซอร์ของคุณผ่าน HTML5 Canvas API

ใครใช้เครื่องมือนี้

นักออกแบบและนักพัฒนาใช้เครื่องมือนี้เพื่อตรวจสอบว่าอินเทอร์เฟซ อินโฟกราฟิก แผนภูมิ หรือสื่อการตลาดของตน เข้าถึงได้สำหรับผู้คนราว 300 ล้านคนทั่วโลกที่มีภาวะบกพร่องการมองเห็นสีหรือไม่ และมีประโยชน์อย่างยิ่งในการตรวจสอบความสอดคล้องกับมาตรฐานการเข้าถึง WCAG

โปรตะโนเปีย

~1%

ตาบอดสีแดง ไม่มีเซลล์รูปกรวยคลื่นยาว (L)

ดิวเทอราโนเปีย

~1%

ตาบอดสีเขียว ไม่มีเซลล์รูปกรวยคลื่นกลาง (M)

ไตรตะโนเปีย

<0.01%

ตาบอดสีน้ำเงิน ไม่มีเซลล์รูปกรวยคลื่นสั้น (S)

อะโครมาทอปเซีย

<0.003%

ตาบอดสีสมบูรณ์ มองเห็นเป็นระดับสีเทาเท่านั้น

เครื่องจำลองมีไว้ทำอะไร

เครื่องจำลองการเห็นสีเป็นเครื่องมือออกแบบ ไม่ใช่เครื่องมือวินิจฉัย คุณให้ภาพแก่มัน แล้วมันคืนค่าประมาณว่าการ แยกแยะสีใดรอดพ้นภาวะพร่องหนึ่ง ๆ และการแยกแยะใดพังลง คุณค่าอยู่ที่สิ่งที่พังลง หากสองสิ่งในส่วนต่อประสานของคุณ มีความหมายต่างกัน แต่การจำลองแสดงทั้งสองด้วยสีเดียวกัน แสดงว่าคุณได้พบข้อบกพร่องที่กระทบผู้ใช้จำนวนไม่น้อย

ควรพูดให้ชัดด้วยว่าผลลัพธ์นี้ไม่ใช่อะไร มันไม่ใช่หน้าต่างสู่ประสบการณ์เชิงอัตวิสัยของใคร ผู้ที่มีดิวแทนอะแนมาลี แต่กำเนิดเห็นโลกแบบนี้มาตั้งแต่เกิด การรับรู้สีของเขาเป็นเรื่องธรรมดาอย่างยิ่ง สำหรับตัวเขา และในงานแยกแยะบาง อย่างเขายังทำได้ดีกว่าผู้มีการเห็นสามสีด้วยซ้ำ การนำเสนอการจำลองว่าเป็นสิ่งที่พวกเขาเห็นจึงไม่ถูกต้อง และเมื่อ มันวางกรอบภาวะนี้ให้เป็นความขาดพร่อง ก็ยังไม่เป็นประโยชน์อีกด้วย

สิ่งที่การจำลองบอกได้จริงคือ งานออกแบบของคุณพึ่งพาข้อมูลที่ผู้ชมส่วนน้อยจำนวนมากไม่ได้รับตรงไหน นั่นเป็นข้อเท็จ จริงเชิงวิศวกรรมที่ลงมือแก้ไขได้

แบบจำลองเบื้องหลังการแปลง

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

เครื่องจำลองนี้ใช้แนวทางเชิงสรีรวิทยาของ Machado, Oliveira และ Fernandes ซึ่งจำลองการเลื่อนของความไวของเซลล์รูป กรวยโดยตรง เนื่องจากการเลื่อนเป็นพารามิเตอร์ต่อเนื่อง แบบจำลองเดียวกันจึงครอบคลุมช่วงทั้งหมด ตั้งแต่การเห็นปกติ ผ่านความผิดปกติเล็กน้อย ไปจนถึงภาวะเห็นสองสีเต็มรูป แทนที่จะถือว่าเป็นกรณีที่ไม่เกี่ยวข้องกัน

ความเข้าใจเรื่องนี้เปลี่ยนวิธีออกแบบ ดิวแทนอะโนเปียซึ่งเซลล์รูปกรวยคลื่นกลางขาดไป เป็นกรณีเข้มงวด ส่วนดิวแทน อะแนมาลีซึ่งเซลล์นั้นยังอยู่แต่เลื่อนไป เป็นกรณีที่พบทั่วไป กระทบคนจำนวนมากกว่ามาก และก่อความล้มเหลวที่ละเอียด กว่า คือสีที่ยังแยกออกจากกันได้ในทางเทคนิค แต่ไม่แยกออกจากกันในแวบเดียวบนแผนภูมิที่แน่นหรือในองค์ประกอบส่วนต่อ ประสานขนาดเล็กอีกต่อไป

ใช้ผลลัพธ์ให้เกิดประโยชน์

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

ความล้มเหลวที่พบบ่อยและควรมองหา

  • ตัวบ่งชี้สถานะสีแดงและเขียว ที่กลายเป็นโทนหม่นเดียวกัน นี่คือข้อบกพร่องด้านการเข้าถึงที่แพร่หลายที่สุดใน ซอฟต์แวร์
  • ชุดสีเชิงหมวดหมู่ในแผนภูมิ ที่ชุดข้อมูลข้างเคียงหลอมรวมกัน โดยเฉพาะชุดสีเชิงคุณภาพที่เลือกเพราะความหลากหลาย ทางสุนทรียะแทนการแยกเชิงการรับรู้
  • แผนที่ความร้อนแบบต่อเนื่อง ที่ผ่านสีแดงและเขียวแล้วสูญเสียลำดับ
  • ลิงก์ที่ต่างจากข้อความด้วยสีเพียงอย่างเดียว ซึ่งหายไปทั้งหมด
  • ช่องบังคับกรอกและสถานะข้อผิดพลาด ที่สื่อด้วยกรอบสีแดงเพียงอย่างเดียว

การแก้ไขแทบไม่เคยเป็นการเปลี่ยนไปใช้สีอื่น แต่คือการเพิ่มสัญญาณที่สองซึ่งไม่ใช่สี เช่น ป้ายข้อความ ไอคอน รูปทรง ลวดลายพื้น ตำแหน่ง หรือขีดเส้นใต้ เมื่อนั้นสีจะกลายเป็นการเสริมความหมายแทนที่จะเป็นผู้แบกความหมายเพียงผู้เดียว ซึ่งเป็นสิ่งที่เกณฑ์การใช้สีของ WCAG เรียกร้อง

จุดที่การจำลองเลิกน่าเชื่อถือ

การแปลงถูกใช้กับค่า sRGB ในภาพของคุณ ความแม่นยำจึงถูกจำกัดด้วยว่าหน้าจอของคุณแสดง sRGB ได้ซื่อตรงเพียงใด และ ภาพต้นฉบับถูกสร้างในปริภูมิสีนั้นหรือไม่ วัสดุขอบเขตสีกว้าง เนื้อหา HDR และกระบวนการทำงานที่จัดการสีอย่างเข้มข้น ล้วนทำให้ผลลัพธ์เคลื่อน

แบบจำลองนี้ยังอธิบายภาวะพร่องแต่กำเนิด ส่วนการสูญเสียการเห็นสีแบบเกิดภายหลัง จากต้อหิน เบาหวานขึ้นจอตา โรคเส้น ประสาทตา ต้อกระจก หรือยา มักมีพฤติกรรมต่างออกไป กระทบสองตาไม่เท่ากันบ่อยครั้ง และมักมาพร้อมความคมชัดหรือความไว ต่อความต่างชัดที่ลดลง ซึ่งไม่มีการแปลงสีใดจับได้

ท้ายที่สุด จงจำไว้ว่าการจำลองเป็นเพียงเลนส์เดียว มันบอกว่าเฉดสีใดหลอมรวมกัน แต่ไม่บอกอะไรเลยว่าข้อความของคุณมี ความต่างชัดเชิงความสว่างพอจะอ่านได้ตั้งแต่แรกหรือไม่ ใช้ควบคู่กับเครื่องตรวจความต่างชัด

สำหรับแนวทางที่กว้างขึ้น ดูการออกแบบสำหรับผู้ที่ตาบอดสี และ การทำแผนภูมิให้เข้าถึงได้

มีคำถามไหม?

คำถามที่พบบ่อย

ทุกสิ่งที่ควรรู้เกี่ยวกับแบบทดสอบตาบอดสี วิธีการทำงาน และสิ่งที่ควรทำกับผลลัพธ์ของคุณ

ผู้ที่ตาบอดสีเห็นแบบนี้จริงหรือ

ไม่ และไม่มีเครื่องจำลองใดทำได้ การจำลองแสดงบนหน้าจอที่ใช้กับการเห็นปกติของคุณ เป็นค่าประมาณว่าข้อมูลใดยังเหลืออยู่หลังผ่านภาวะพร่องหนึ่ง ๆ มันไม่อาจสร้างประสบการณ์เชิงอัตวิสัยขึ้นใหม่ได้ ผู้ที่เกิดมาพร้อมภาวะพร่องไม่เคยรู้จักทางเลือกอื่น สีของเขาจึงเป็นเรื่องปกติสำหรับเขา เขาไม่ได้รับรู้โลกของตนว่าเป็นเวอร์ชันซีดจางของโลกคุณ จงใช้ผลลัพธ์เพื่อหาว่างานออกแบบของคุณสูญเสียข้อมูลตรงไหน ไม่ใช่เพื่อจินตนาการประสบการณ์ของผู้อื่น

การจำลองใช้แบบจำลองใด

ใช้แนวทางเชิงสรีรวิทยาที่ Machado, Oliveira และ Fernandes อธิบายไว้ ซึ่งจำลองการเลื่อนของความไวเชิงสเปกตรัมของเซลล์รูปกรวยที่ได้รับผลกระทบ แทนที่จะเพียงฉายสีลงบนเส้นตรง ความต่างนี้สำคัญสำหรับภาวะสามสีผิดปกติ คือโพรแทนอะแนมาลีและดิวแทนอะแนมาลี ซึ่งเซลล์รูปกรวยยังมีอยู่แต่เลื่อนไป และความรุนแรงเปลี่ยนแปลงอย่างต่อเนื่อง

ทำไมภาวะเห็นสองสีกับภาวะสามสีผิดปกติจึงดูต่างกันมาก

เพราะเป็นคนละภาวะ ในภาวะเห็นสองสี เซลล์รูปกรวยชนิดหนึ่งขาดไปทั้งชนิด ข้อมูลสีบนแกนนั้นจึงหายไปจริง ๆ และการจำลองก็ยุบมันลง ส่วนในภาวะสามสีผิดปกติ เซลล์รูปกรวยยังอยู่โดยมีจุดยอดเลื่อนไป ข้อมูลจึงถูกบีบอัดไม่ใช่สูญหาย ภาวะสามสีผิดปกติพบบ่อยกว่ามาก การออกแบบโดยยึดเฉพาะการจำลองภาวะเห็นสองสีจึงเกินจริงในบางจุดและประเมินต่ำไปในบางจุด

แผนภูมิของฉันยังอ่านได้ในการจำลอง ถือว่าเสร็จแล้วไหม

ยังไม่ทีเดียว การจำลองตรวจว่าเฉดสียังแยกออกจากกันได้หรือไม่ แต่ไม่ได้ตรวจอัตราส่วนความต่างชัด และไม่จับกรณีที่สีเป็นสัญญาณเดียวที่แบกความหมายไว้ ให้รันเครื่องตรวจความต่างชัดด้วย และยืนยันว่าทุกการแยกแยะที่ใช้รหัสสีมีสัญญาณที่สอง เช่น ป้ายกำกับ ลวดลาย รูปทรง หรือตำแหน่ง

เครื่องจำลองอัปโหลดภาพของฉันหรือไม่

ไม่ การแปลงทำงานทั้งหมดในเบราว์เซอร์ของคุณผ่านองค์ประกอบ canvas ภาพไม่เคยออกจากอุปกรณ์ของคุณ และไม่เคยถูกส่งไปยังเซิร์ฟเวอร์

ฉันควรออกแบบโดยยึดชนิดใด

ตรวจดิวแทนอะแนมาลีก่อน เพราะภาวะดิวแทนพบบ่อยที่สุดอย่างชัดเจน จากนั้นจึงตรวจดิวแทนอะโนเปียในฐานะกรณีที่เข้มงวดกว่า และเพิ่มไทรแทนอะโนเปียหากชุดสีของคุณพึ่งพาการแยกน้ำเงินเหลือง งานออกแบบที่รอดพ้นดิวแทนอะโนเปียและไทรแทนอะโนเปียโดยความหมายยังครบถ้วน มักรอดพ้นรูปแบบที่เบากว่าด้วย

ยังมีคำถามอยู่ไหม? ติดต่อเรา →