เครื่องมือตรวจสอบคอนทราสต์สี
ตรวจสอบคอนทราสต์ของสีพื้นหน้าและสีพื้นหลังในเครื่องตามสูตรความสว่างสัมพัทธ์ของ WCAG พร้อมพิจารณาเกณฑ์ของข้อความเนื้อหาทั่วไปและข้อความขนาดใหญ่ AA/AAA แยกกัน และรองรับการส่งออกรายงาน
วิธีใช้เครื่องมือตรวจสอบคอนทราสต์สี
ระบบจะคำนวณค่าความสว่างสัมพัทธ์และคอนทราสต์ของค่าสีในเบราว์เซอร์ปัจจุบันเท่านั้น โดยจะไม่อัปโหลดหรือบันทึกข้อมูล
ป้อนสีสองสี
ใช้ตัวเลือกสีหรือวางค่าของ #RRGGBB เพื่อตั้งค่าสีพื้นหน้าและพื้นหลัง โดยตัวอย่างจะแสดงการอัปเดตพร้อมกัน
เกณฑ์การตรวจสอบ
คลิกตรวจสอบเพื่อดูสถานะการผ่านของเนื้อความปกติ AA เนื้อความปกติ AAA และข้อความขนาดใหญ่ AA แยกกัน
คัดลอกบันทึกการตรวจสอบ
หลังผ่านแล้ว คุณสามารถคัดลอกรายงานหรือดาวน์โหลด TXT ซึ่งบันทึกค่าสี อัตราส่วน และผลลัพธ์ตามเกณฑ์แต่ละระดับได้
ข้อจำกัดและข้อควรระวัง
- รุ่นแรกยอมรับเฉพาะ #RGB หรือ #RRGGBB ที่ไม่มีค่าความโปร่งใส สีโปร่งแสงต้องกำหนดพื้นหลังที่ใช้ผสมจริงก่อน
- 4.5:1 เหมาะสำหรับข้อความเนื้อหาทั่วไป AA และ 3:1 เหมาะสำหรับตัวอักษรขนาดใหญ่ AA โดย 7:1 เป็นเกณฑ์อ้างอิงสำหรับข้อความเนื้อหาทั่วไป AAA ทั้งนี้ยังต้องตรวจสอบขนาดตัวอักษร น้ำหนักตัวอักษร และคอนทราสต์ขององค์ประกอบที่ไม่ใช่ข้อความด้วย
- เครื่องมือนี้คำนวณเฉพาะคู่สีทึบหนึ่งคู่เท่านั้น ไม่จำลองการไล่ระดับสี รูปภาพ เงา การเรนเดอร์ฟอนต์ หรือพื้นหลังที่ซับซ้อน
คำถามที่พบบ่อย
4.5:1 หมายถึงอะไร
นี่คือ WCAG เกณฑ์คอนทราสต์ขั้นต่ำของ AA สำหรับข้อความเนื้อหาทั่วไป ส่วน AA ของข้อความเนื้อหาขนาดใหญ่มีเกณฑ์เป็น 3:1
เหตุใดจึงไม่สามารถตัดสินสีโปร่งใสได้โดยตรง
สีสุดท้ายของพื้นหน้าหรือพื้นหลังแบบโปร่งใสขึ้นอยู่กับลำดับการผสานและภาพพื้นหลัง ควรกำหนดสีทึบที่แสดงผลจริงก่อนเพื่อความน่าเชื่อถือมากกว่า
ผ่านการตรวจสอบคอนทราสต์แล้ว แปลว่าเข้าถึงได้แน่นอนหรือไม่
ไม่เสมอไป ควรตรวจสอบขนาดตัวอักษร น้ำหนักตัวอักษร สถานะ โฟกัส องค์ประกอบที่ไม่ใช่ข้อความ พื้นหลังรูปภาพ และผลการแสดงผลบนอุปกรณ์จริงด้วย