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