การออกแบบ เครื่องมือ
เครื่องมือตรวจสอบความต่างของสี (Color Contrast Checker)
เลือกสีข้อความและสีพื้นหลังเพื่อดูอัตราส่วนความต่างของสีและผลลัพธ์ตามมาตรฐาน WCAG
ลองเปลี่ยนสีใดสีหนึ่งเพื่อตรวจสอบความอ่านง่าย เกณฑ์ของ WCAG เป็นเพียงแนวทางสำหรับคู่สีนี้เท่านั้น
เกี่ยวกับเครื่องมือนี้
เครื่องมือตรวจสอบความต่างของสี (Color Contrast Checker) ที่ทำให้ทุกอย่างเป็นเรื่องง่าย
เครื่องมือนี้คำนวณอัตราส่วนความต่างของสีตามมาตรฐาน WCAG สำหรับสี sRGB แบบทึบแสง (opaque) ช่วยตรวจสอบความอ่านง่ายของข้อความ แต่ไม่ได้เป็นการรับรองหน้าเว็บทั้งหน้าหรือทดแทนการตรวจสอบด้านการเข้าถึง (accessibility audit) อย่างเต็มรูปแบบ
คำถามที่พบบ่อย
เกี่ยวกับ เครื่องมือตรวจสอบความต่างของสี (Color Contrast Checker)
อัตราส่วนความต่างของสีตามมาตรฐาน WCAG ที่ดีควรเป็นเท่าไร?
มาตรฐาน WCAG ระดับ AA กำหนดอัตราส่วน 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ ส่วนระดับ AAA กำหนดอัตราส่วน 7:1 สำหรับข้อความปกติ และ 4.5:1 สำหรับข้อความขนาดใหญ่
เครื่องมือนี้รับรองว่าเว็บไซต์ของฉันรองรับการเข้าถึง (accessible) แล้วใช่หรือไม่?
ไม่ เครื่องมือนี้ตรวจสอบเฉพาะสีสองสีที่เลือกเท่านั้น การรองรับการเข้าถึงยังขึ้นอยู่กับองค์ประกอบอื่นๆ เช่น การจัดวางหน้าเว็บ (layout) ข้อความ ส่วนควบคุม (controls) และปัจจัยอื่นๆ ด้วย