อย่าพึ่งพาสีเพียงอย่างเดียว

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

ผู้ชายประมาณ 1 ใน 12 คนมีภาวะ ตาบอดสีบางรูปแบบ นี่คือผู้ชมจำนวนมาก ไม่ใช่กรณีขอบที่พบได้ยาก

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

เกณฑ์ 1.4.1 ของ WCAG ระบุว่าสีต้องไม่เป็น วิธีเดียวในการสื่อข้อมูล ควรมีสัญญาณที่สองช่วยยืนยันเสมอ

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

เครื่องหมายถูก สามเหลี่ยมเตือน หรือเครื่องหมาย X ล้วนสื่อความหมายผ่าน รูปร่าง ตอนนี้ความสำเร็จและข้อผิดพลาดก็แตกต่างกันแม้อยู่ในโทนสีเทา

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

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

อย่าระบุช่องที่มีข้อมูลผิดด้วยเส้นขอบสีแดงเพียงอย่างเดียว ให้เพิ่ม ข้อความข้อผิดพลาดและไอคอน เพื่อให้ทุกคนรู้ว่าเกิดข้อผิดพลาดที่ใด

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

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

คุณได้เรียนรู้ว่าอย่าให้ สี เป็นสัญญาณเพียงอย่างเดียว ควรเพิ่มข้อความ ไอคอน รูปร่าง หรือเส้นใต้ เพื่อให้ทุกคนเข้าถึงความหมายได้ บทถัดไป: ตรวจสอบความเปรียบต่างด้วยเครื่องมือ 🌈