ตรวจ Contrast Ratio ตาม WCAG: อ่านค่า ratio โดยไม่ปัดก่อนตัดสินผ่าน
เกณฑ์ AA สำหรับข้อความทั่วไปคืออย่างน้อย 4.5:1 ข้อความใหญ่ใช้ 3:1 ค่า 4.478 อาจแสดงโดยย่อเป็น 4.48 แต่ยังไม่ถึง 4.5 เครื่องมือตัดสินจากค่าก่อนปัด ไม่ใช่ตัวเลขที่ตาเห็นเพียงสองตำแหน่ง
เลือกเกณฑ์ตามขนาดข้อความจริง
ข้อความเนื้อหาปกติต้องใช้เกณฑ์ 4.5:1 ส่วนข้อความใหญ่ใช้ 3:1 การเปลี่ยนสีอย่างเดียวไม่ทำให้เว็บผ่านทุกเกณฑ์ ต้องตรวจขนาด น้ำหนัก และสถานะข้อความในหน้าใช้งานจริงด้วย
ค่าที่เกือบผ่านยังไม่ผ่าน
ตัวอย่าง #777777 บนขาวได้ประมาณ 4.478:1 จึงไม่ถึง 4.5:1 แม้หน้าจอหรือรายงานบางตัวปัดทศนิยมสั้น ควรเลือกคู่สีที่มีระยะเผื่อ ไม่ใช้การปัดตัวเลขเป็นเหตุให้ตัดสินว่าผ่าน
ทดสอบมากกว่าหนึ่งคู่สี
หากข้อความอยู่บน gradient หรือภาพ ต้องพิจารณาพื้นหลังทุกบริเวณที่ข้อความทับอยู่ เครื่องมือนี้ตรวจคู่สีครั้งละคู่ จึงไม่ควรใช้เพียงสีปลาย gradient หนึ่งสีเพื่อรับรองข้อความทั้งบล็อก
ทดลองกับข้อมูลของคุณ
เปิดตรวจ Contrast Ratio ตาม WCAG แล้วใช้ คู่มือทีละขั้น เมื่อต้องการตรวจช่องกรอก
อ่านประกอบ: W3C: เกณฑ์ความต่างสีข้อความ WCAG 2.2 เป็นแหล่งข้อมูลพื้นฐาน ไม่ใช่การรับรองเครื่องมือหรือผลเฉพาะของผู้ใช้
คำถามที่พบบ่อย
อ่านค่า ratio โดยไม่ปัดก่อนตัดสินผ่าน หมายถึงอะไร?
เกณฑ์ AA สำหรับข้อความทั่วไปคืออย่างน้อย 4.5:1 ข้อความใหญ่ใช้ 3:1 ค่า 4.478 อาจแสดงโดยย่อเป็น 4.48 แต่ยังไม่ถึง 4.5 เครื่องมือตัดสินจากค่าก่อนปัด ไม่ใช่ตัวเลขที่ตาเห็นเพียงสองตำแหน่ง
ทดลองแล้วควรได้ผลอย่างไร?
ดำบนขาวได้ 21:1; สีเดียวกันได้ 1:1
มีข้อจำกัดอะไรที่ต้องตรวจ?
ใช้สีทึบ WCAG 2.2 AA: ปกติ ≥4.5:1 ใหญ่ ≥3:1; ใหญ่หมายถึง ≥18 pt หรือหนา ≥14 pt ไม่ได้ตรวจ accessibility ทั้งหน้า