Contrast Checker – WCAG 2.2 AA & AAA

ค้นหาคำบนหน้าเว็บที่อ่านยาก Contrast Checker วัดสีข้อความที่มองเห็นทุกจุดเทียบกับพื้นหลัง และทำเครื่องหมายจุดที่ไม่ถึงระดับ AA หรือ AAA ของ WCAG 2.2 ฟรี: สแกนไม่จำกัด เครื่องหมาย และการตรวจสองสี ไม่ต้องมีบัญชี Pro: $6.99 ครั้งเดียว ไม่มีการสมัครสมาชิก

ทำอะไรได้บ้าง
ส่วนขยายจะอ่านสีที่เรนเดอร์จริงของแต่ละองค์ประกอบ รวมถึงความโปร่งใสและค่าความทึบ แล้วเทียบอัตราส่วนกับระดับที่คุณเลือก ผลลัพธ์จะแสดงในแผงเล็กที่ย้ายไปด้านใดก็ได้ ป้ายกำกับบนภาพถ่ายหรือไล่ระดับสีจะแสดงไว้เพื่อตรวจทาน และเครื่องมือดูดสีช่วยให้เลือกพื้นหลังจริงจากหน้าจอได้

วิธีใช้งาน
1. คลิกไอคอนบนแถบเครื่องมือแล้วกด สแกนหน้านี้ หรือใช้ Alt+Shift+K
2. องค์ประกอบที่ไม่ผ่านจะมีกรอบสีแดงพร้อมอัตราส่วน คลิกผลลัพธ์เพื่อไปยังจุดนั้นและดูทั้งสองสี ขนาดฟอนต์ และ selector
3. แก้ไขในโค้ดของคุณแล้วสแกนอีกครั้ง

ฟรี
• สแกนหน้าใดก็ได้สำหรับ AA และ AAA โดยใช้กฎข้อความขนาดใหญ่ให้อัตโนมัติ
• เห็นทุกปัญหาที่ใส่กรอบไว้ตรงตำแหน่ง พร้อมรายการเรียงจากแย่ที่สุดไปดีที่สุด
• เปรียบเทียบสองสีด้วยค่า hex ตัวเลือกสี หรือเครื่องมือดูดสี
• เริ่มและหยุดด้วยแป้นพิมพ์ลัดที่คุณเปลี่ยนได้

PRO ($6.99, ตลอดชีพ)
• ส่งออกผลลัพธ์เป็นไฟล์ CSV หรือรายงาน HTML แบบแยกไฟล์
• รับสีข้อความหรือสีพื้นหลังที่ใกล้ที่สุดซึ่งผ่านเกณฑ์
• ดูคะแนนความสว่าง APCA (Lc) ข้างอัตราส่วนแต่ละค่า
• ตรวจสี hover และ focus ของลิงก์และปุ่มจากสไตล์ของหน้า

ข้อควรทราบ
นี่คือเครื่องมือช่วยทดสอบเกณฑ์ความสำเร็จ 1.4.3 และ 1.4.6 ครอบคลุมเพียงส่วนหนึ่งของแนวทาง และไม่ใช่การประเมินความสอดคล้อง

ความเป็นส่วนตัว
ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ส่วนขยายอ่านเฉพาะแท็บที่คุณสแกน และหลังจากที่คุณเริ่มเท่านั้น ข้อมูลเดียวที่จัดเก็บคืออีเมลที่คุณกรอกเมื่อซื้อ Pro ซึ่งใช้เพื่อตรวจสอบการซื้อของคุณ