
การออกแบบเพื่อทุกคน: วิธีเลือกสีแบรนด์ที่ทุกคนเข้าถึงได้
การสร้างแบรนด์ที่งดงามเป็นมากกว่าเรื่องของความสวยงาม แต่คือการรับประกันว่าทุกคนจะสามารถสัมผัสและรับรู้แบรนด์ของคุณได้อย่างชัดเจน
การเข้าถึงได้ของเว็บไซต์ไม่ใช่เพียงแค่การติ๊กช่องปฏิบัติตามกฎหมาย แต่เป็นส่วนสำคัญของการออกแบบที่ครอบคลุมสำหรับทุกคน (inclusive design) เมื่อคุณเลือกสีประจำแบรนด์ ความสัมพันธ์ระหว่างสีพื้นหลังและสีข้อความจะเป็นตัวกำหนดว่าผู้คนจะอ่านเนื้อหาของคุณได้ง่ายเพียงใด การให้ความสำคัญกับความต่างระดับสี (contrast) ตั้งแต่เริ่มต้น จะช่วยทำให้แบรนด์ของคุณเปิดรับและเป็นมิตรต่อผู้ใช้งานที่มีความบกพร่องทางการมองเห็น ผู้มีอาการตาบอดสี หรือแม้แต่ผู้ที่เผชิญกับแสงสะท้อนบนหน้าจอโทรศัพท์
ในการเริ่มต้น คุณไม่จำเป็นต้องแลกวิสัยทัศน์ทางสร้างสรรค์ของคุณไป ข้อแนะนำแนวทางการเข้าถึงเนื้อหาเว็บ (Web Content Accessibility Guidelines หรือ WCAG) เสนออัตราส่วนความต่างระดับสีขั้นต่ำที่ 4.5:1 สำหรับข้อความทั่วไป อัตราส่วนทางคณิตศาสตร์ที่เรียบง่ายนี้ช่วยให้มั่นใจได้ว่าสีหลักที่โดดเด่นและสีพื้นหลังที่เป็นกลางของคุณจะทำงานร่วมกันได้อย่างกลมกลืนโดยไม่ทำให้เกิดอาการล้าสายตา ให้คิดเสียว่าเป็นความแม่นยำที่เปี่ยมด้วยชีวิตชีวา (playful precision) นั่นคือการค้นหาจุดที่ลงตัวซึ่งอัตลักษณ์เฉพาะตัวมาพบกับความสามารถในการอ่านจับใจความ
เทคนิคที่นำไปใช้ได้จริงอย่างยอดเยี่ยมคือการทดสอบจานสีของคุณในโหมดสีเทา (grayscale) การตัดสีออกทั้งหมดจะทำให้คุณเห็นได้ทันทีว่าองค์ประกอบต่างๆ มีความต่างระดับสีเชิงโครงสร้างเพียงพอที่จะโดดเด่นออกมาหรือไม่ หากสีม่วงสดใสที่เป็นสีเน้นของคุณกลืนหายไปกับพื้นหลังสีเข้มเมื่อแปลงเป็นสีเทา ถึงเวลาแล้วที่จะต้องปรับค่าความสว่าง การรวมการทดสอบเหล่านี้ไว้ในการสร้างแบรนด์กิต (brand kit) ตั้งแต่แรกเริ่ม จะช่วยประหยัดเวลาในการออกแบบใหม่ได้หลายชั่วโมงในอนาคต
ท้ายที่สุดแล้ว การออกแบบที่ทุกคนเข้าถึงได้คือการออกแบบที่ดี เมื่อคุณสร้างจานสีที่คำนึงถึงอัตราส่วนความต่างระดับสี แบรนด์ของคุณจะได้รับภาพลักษณ์ที่สะอาดตาและเป็นมืออาชีพ ซึ่งแสดงผลได้อย่างงดงามไม่ว่าจะบนแอปมือถือ เว็บไซต์ หรือสิ่งพิมพ์ การเลือกใช้สีที่ครอบคลุมทุกคนแสดงให้ผู้ชมเห็นว่าคุณให้คุณค่ากับประสบการณ์ของพวกเขา และเปลี่ยนผู้เข้าชมทั่วไปให้กลายเป็นผู้สนับสนุนที่จงรักภักดี
- ตั้งเป้าหมายอัตราส่วนความต่างระดับสีขั้นต่ำไว้ที่ 4.5:1 สำหรับข้อความทั่วไป เพื่อให้เป็นไปตามมาตรฐาน WCAG AA
- ทดสอบจานสีของคุณในโหมดสีเทา (grayscale) เพื่อประเมินความต่างระดับสีตามธรรมชาติและลำดับความสำคัญทางสายตา
- กำหนดคู่สีเฉพาะสำหรับข้อความและพื้นหลัง เพื่อป้องกันการจับคู่สีที่อ่านไม่ออก
- สงวนสีเน้นที่สดใส เช่น สีม่วงสด ไว้สำหรับองค์ประกอบที่มีการโต้ตอบ แทนที่จะใช้กับข้อความบล็อกขนาดใหญ่