เวลาเพิ่มข้อมูลใน dashboard วิธีที่ทำได้เร็วคือให้แต่ละชุดใช้คนละสี แล้ววาง legend ไว้บอกว่าสีไหนเป็นอะไร ตอนดูบนจอที่ตั้งค่าเหมือนเครื่องที่ออกแบบอาจแยกได้ทันที แต่คนอ่านไม่ได้มองเห็นสีภายใต้เงื่อนไขเดียวกันทุกคน
บางคนแยกสีบางคู่ได้ยาก บางคนขยายหน้าจอจน legend อยู่นอกส่วนที่กำลังดู และบางครั้งภาพถูกพิมพ์หรือส่งต่อในรูปแบบที่รายละเอียดสีลดลง ถ้าความหมายทั้งหมดผูกอยู่กับสีอย่างเดียว ข้อมูลก็อาจยังอยู่ครบแต่แปลต่อไม่ได้
การใช้สีจึงควรมีชื่อกับรูปแบบอื่นช่วยยืนยันครับ แล้วตรวจความต่างจากพื้นหลังตามบริบท เพื่อให้คนอ่านรู้ว่าเส้นหรือสถานะนั้นหมายถึงอะไรโดยไม่ต้องจับคู่สีจากความจำเพียงอย่างเดียว
กราฟหลายเส้นที่มี legend ไกลออกไปทำให้คนต้องสลับมองระหว่างเส้นกับคำอธิบาย ถ้าพื้นที่กับรูปแบบข้อมูลเหมาะ การมี label ใกล้เส้นหรือจุดสำคัญช่วยให้แยกชุดข้อมูลได้โดยไม่ต้องพึ่งสีมากเท่าเดิม
รูปแบบเส้น สัญลักษณ์ และข้อความเป็นอีกช่องทางที่ใช้ร่วมกับสีได้ เช่น เส้นทึบกับเส้นประหรือ marker ที่ต่างกัน โดยต้องเลือกไม่ให้ข้อมูลแน่นจนอ่านยากขึ้นและมีคำอธิบายรูปแบบเหล่านั้นให้ตรงกัน
ชื่อที่ใช้ก็ควรบอกขอบเขต เช่น คำขอสำเร็จในช่วงที่เลือก แทนชื่อสั้นที่แต่ละทีมเข้าใจต่างกัน หากกราฟมีหน่วยกับตัวกรอง ต้องแสดงให้รู้ว่ากำลังเทียบข้อมูลแบบใด เพราะการแยกเส้นได้ยังไม่พอหากความหมายของค่าคนละชุดไม่ตรงกัน
สำหรับสถานะในตารางหรือการ์ด การมีข้อความอย่างพร้อมใช้งานหรือรอตรวจช่วยยืนยันความหมายของจุดสีได้ และควรระบุว่าข้อมูลอัปเดตเมื่อไรถ้าความสดมีผล ไม่ปล่อยให้จุดเขียวที่ค้างอยู่เป็นหลักฐานของสถานะปัจจุบันโดยไม่มีเวลาอ้างอิง
ความหมายของสีและสัญลักษณ์ควรคงเส้นคงวาระหว่างหน้าที่เกี่ยวข้องด้วย หากสีเดียวกันหมายถึงสำเร็จในหน้าหนึ่งแต่เป็นเพียงรายการที่เลือกในอีกหน้า ต้องมีข้อความกับบริบทช่วยให้แยกได้ ไม่บังคับให้คนจดจำข้อตกลงใหม่ทุกครั้งที่เปลี่ยนหน้า
การเลือกคนละ hue ไม่ได้ยืนยันว่าตัวอักษรกับพื้นหลังอ่านง่าย ต้องดูความเปรียบต่างของความสว่างตามวิธีวัดที่เกี่ยวข้องด้วย โดยเฉพาะข้อความสีอ่อนบนพื้นอ่อนหรือเส้นบางบนพื้นใกล้เคียงกัน
WCAG 2.2 แยกเกณฑ์ contrast ของข้อความกับส่วนกราฟิกที่จำเป็นต่อการรับรู้ สำหรับข้อความทั่วไปมีเกณฑ์ขั้นต่ำ 4.5:1 ตาม success criterion ที่เกี่ยวข้อง ส่วนข้อความขนาดใหญ่ตามนิยามใช้ 3:1 และมีข้อยกเว้นตามประเภทองค์ประกอบ จึงต้องอ่านบริบทก่อนนำเลขไปตรวจทุกอย่างแบบเดียวกัน
ส่วน non-text contrast มีเกณฑ์ 3:1 สำหรับข้อมูลภาพหรือส่วนของตัวควบคุมที่อยู่ในขอบเขตของเกณฑ์ ไม่ได้หมายความว่าทุกเส้นตกแต่งต้องมี contrast เท่านี้โดยไม่มีเงื่อนไข การตรวจต้องรู้ว่าส่วนใดจำเป็นต่อการเข้าใจหรือใช้งานจริง
ตัวเลขเหล่านี้เป็นเกณฑ์สำหรับวัด ไม่ใช่ผลตรวจของสีในเว็บไซต์ใดในบทนี้ และการผ่านค่า contrast บางจุดก็ไม่ได้ยืนยันว่าทั้งหน้าเข้าถึงได้ครบทุกด้าน ต้องตรวจชื่อ ความหมาย ทางใช้งาน และรูปแบบการนำเสนอร่วมกัน
กราฟที่ให้ตัวเลขผ่าน tooltip เมื่อชี้เมาส์ช่วยลดสิ่งที่แสดงตลอดได้ แต่ต้องคิดถึงคนใช้ keyboard และจอสัมผัสด้วย หากไม่มีวิธีเลือกจุดหรืออ่านค่าอีกทาง คนกลุ่มนั้นอาจเข้าถึงข้อมูลละเอียดไม่ได้
ทางเลือกขึ้นกับกราฟ เช่น มีตารางข้อมูล มีรายการสรุป หรือให้ตัวควบคุมที่ใช้ keyboard เลือกจุดได้อย่างมีชื่อและสถานะชัด ไม่จำเป็นต้องทำให้ทุกจุดเป็น Tab stop จนต้องกดผ่านข้อมูลหลายร้อยรายการก่อนออกจากกราฟ
หากใช้ภาพกราฟคงที่ ควรมีข้อความทดแทนกับคำอธิบายข้อมูลที่สำคัญตามความซับซ้อน ไม่ใช้ alt เพียงคำว่ากราฟแล้วฝากข้อสรุปทั้งหมดไว้กับรูป ขณะเดียวกันข้อความอธิบายต้องอิงข้อมูลจริง ไม่เพิ่มการตีความที่ภาพกับหลักฐานไม่รองรับ
ในกราฟที่อัปเดตต่อเนื่อง ต้องพิจารณาด้วยว่าคนกำลังอ่านอยู่ตรงไหน การเปลี่ยน tooltip หรือจัดลำดับรายการใหม่ตลอดอาจทำให้ค่าที่กำลังตรวจย้ายหนี จึงควรมีวิธีรักษาบริบทหรือเลือกช่วงหยุดดูตามลักษณะงาน
สีที่อ่านผ่านบนพื้นขาวอาจไม่ผ่านบนพื้นเข้ม และเส้นที่ดูชัดตอนกราฟเต็มจออาจบางเกินไปเมื่อย่อเป็นการ์ด จึงต้องตรวจคู่สีจริงพร้อมขนาดที่หน้าใช้ ไม่วัด swatch แยกแล้วนำไปยืนยันทุกองค์ประกอบ
เมื่อขยายหน้าจอ legend กับตัวกรองควรยังตามข้อมูลที่เกี่ยวข้องได้ ไม่ถูกตัดจนเหลือเพียงกราฟไม่มีชื่อชุด ส่วนข้อความบน badge ต้องไม่หายเพราะพื้นที่ตายตัวเล็กเกินไป โดยเฉพาะเมื่อคำแปลหรือชื่อสถานะยาวขึ้น
เครื่องมือจำลองการมองสีบางแบบช่วยหาคู่ที่สับสนได้ แต่ยังไม่แทนประสบการณ์ของผู้ใช้ทุกคน ควรใช้เป็นส่วนหนึ่งของการตรวจร่วมกับโครง label, contrast และทางอ่านแบบไม่พึ่งเมาส์ ไม่ใช้ภาพจำลองอย่างเดียวเป็นการรับรองคุณภาพทั้งหมด
ควรตรวจข้อมูลที่เยอะและชื่อที่ยาวตามขอบเขตงานด้วย เพราะกราฟตัวอย่างที่มีแค่สองเส้นชื่อสั้นอาจไม่เผยปัญหาของรายการจริงหลายชุด การออกแบบควรมีทางจัดกลุ่มหรือเลือกข้อมูลโดยยังคงรู้ว่าตอนนี้กำลังแสดงอะไรอยู่
Dashboard บางครั้งถูกแคปส่งให้ทีมซึ่งไม่ได้เห็นตัวกรองต้นทาง ภาพที่แชร์จึงควรมีชื่อกราฟ หน่วย และช่วงเวลาที่จำเป็นต่อความเข้าใจ โดยระวังไม่ให้มีข้อมูลลับหรือข้อมูลผู้ใช้ที่ไม่ต้องใช้ตามคำถามนั้นติดไปด้วย
ถ้ามีการเน้นสถานะผิดปกติ สีควรมีคำอธิบายหรือสัญลักษณ์ที่บอกความหมายร่วมกัน และต้องอ้าง threshold ตามกติกางานจริง ไม่เลือกสีแดงเพียงเพื่อให้กราฟดูมีจุดสำคัญทั้งที่ยังไม่มีเกณฑ์ให้ตีความ
ภาพประกอบของบทนี้ใช้ข้อความกับรูปแบบเชิงแนวคิดเพื่ออธิบายทางอ่าน ไม่มีชุดข้อมูลวัดจริงหรือผลเปรียบเทียบประสิทธิภาพที่นำมาใช้รับรองว่าการจัดสีแบบหนึ่งทำให้คนตัดสินใจได้เร็วขึ้นเท่าไร
สีช่วยแบ่งข้อมูลได้เมื่อมีชื่อ รูปแบบ และ contrast ที่ทำให้ความหมายยังคงอยู่ในหลายเงื่อนไขการอ่าน เมื่อจัดทางเข้าถึงค่าที่ไม่พึ่ง hover และตรวจขนาดกับธีมจริง เราจะทำให้ dashboard ตอบคำถามได้ชัดขึ้น โดยไม่ฝากการตีความไว้กับการเห็นสีเหมือนคนออกแบบเพียงอย่างเดียว