วิธีใช้ตรวจ Contrast Ratio ตาม WCAG
ลองดำบนขาวจะได้ 21:1 จากนั้นลอง #777777 บนขาว จะไม่ผ่านข้อความปกติ AA แม้จะผ่านข้อความใหญ่ ตรวจสีจริงที่ทับพื้นหลัง หากมีภาพหรือความโปร่งใสต้องหาสีที่รวมแล้วก่อน
ขั้นตอนใช้งานและตรวจข้อมูล
-
เลือกตัวอักษร #000000 กับพื้นหลัง #FFFFFF แล้วตรวจ ratio 21:1
-
เปลี่ยนตัวอักษรเป็น #777777 ตรวจว่าข้อความปกติไม่ผ่าน แต่ข้อความใหญ่ผ่าน
-
นำสีจริงแต่ละสถานะมาตรวจ และตรวจขนาดตัวอักษรในเว็บก่อนเลือกใช้เกณฑ์ข้อความใหญ่
เปิดใช้งาน
เปิดตรวจ Contrast Ratio ตาม WCAG
หากต้องการเข้าใจเหตุผลของผลลัพธ์ อ่าน หลักการและกรณีที่มักเข้าใจผิด
คำถามที่พบบ่อย
อ่านค่า 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 ทั้งหน้า