เครื่องมือตรวจสอบคอนทราสต์
เลือกสีข้อความและสีพื้นหลังเพื่อตรวจสอบอัตราส่วนคอนทราสต์เทียบกับเกณฑ์ WCAG AA และ AAA ดูผลลัพธ์แยกสำหรับข้อความขนาดปกติและขนาดใหญ่ พร้อมตัวอย่างที่ใช้สีที่เลือก
สิ่งที่คุณทำได้
ตรวจสอบอัตราส่วนของสองสี
เลือกสีข้อความและสีพื้นหลัง แล้วดูอัตราส่วนความต่างทศนิยมสองตำแหน่ง
เปรียบเทียบเกณฑ์ AA และ AAA
ดูผลแยกสำหรับข้อความขนาดปกติและขนาดใหญ่ พร้อมตัวอย่างที่ใช้สีที่เลือกไว้
เปรียบเทียบกับสีดำและสีขาว
เปิดรายละเอียดเพิ่มเติมเพื่อเปรียบเทียบสีข้อความกับพื้นหลังสีดำและสีขาว
วิธีใช้งาน
ป้อนสีข้อความ
เลือก HEX, RGB, HSL, HSV หรือ CMYK แล้วป้อนสีข้อความ การเลือกจากตัวอย่างสีจะเปลี่ยนอินพุตเป็น HEX
เลือกสีพื้นหลัง
ป้อนค่า HEX สามหรือหกหลัก หรือใช้เครื่องเลือกสี ใส่หรือไม่ใส่เครื่องหมาย # ก็ได้
ตรวจสอบความต่าง
เลือก “ตรวจสอบความต่าง” เพื่อดูอัตราส่วน ตัวอย่างข้อความ และผล AA/AAA ตรวจสอบใหม่หลังจากเปลี่ยนสีใดสีหนึ่ง
มีประโยชน์เมื่อ
ตรวจสอบข้อความเนื้อหาบนพื้นหลัง
ป้อนสีที่ใช้ในหน้านั้น แล้วตรวจสอบว่าข้อความขนาดปกติผ่านเกณฑ์อัตราส่วนที่กำหนดหรือไม่
เปรียบเทียบสีหัวข้อ
ใช้ผลของข้อความขนาดใหญ่และตัวอย่างเมื่อพิจารณาคู่สีสำหรับหัวข้อ
การอ่านผลลัพธ์
อัตราส่วน AA และ AAA
AA ต้องมีอย่างน้อย 4.5:1 สำหรับข้อความขนาดปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ AAA ต้องมี 7:1 สำหรับข้อความขนาดปกติ และ 4.5:1 สำหรับข้อความขนาดใหญ่ ผลลัพธ์ใช้อัตราส่วนที่ยังไม่ปัดเศษ
อะไรที่ถือว่าเป็นข้อความขนาดใหญ่
ข้อความขนาดใหญ่คือขนาดอย่างน้อย 18 pt หรือ 14 pt ตัวหนา ใน CSS คือ 24px หรือประมาณ 18.7px ตัวหนา ตัวอย่างใช้ข้อความน้ำหนักปกติที่ 16px และ 24px
ขอบเขตของการตรวจสอบ
การตรวจสอบนี้วัดความต่างของข้อความระหว่างสี sRGB ทึบสองสี ไม่ได้ประเมินพื้นหลังที่เป็นภาพ การผสม alpha องค์ประกอบที่ไม่ใช่ข้อความ หรือความสอดคล้องของทั้งหน้า
คำถามและคำตอบ
อัตราส่วนที่ผ่านหมายความว่าทั้งหน้าสอดคล้องหรือไม่
ผลนี้ครอบคลุมเฉพาะความต่างของสีข้อความสำหรับสองสีที่เลือกไว้ การประเมินความสอดคล้องของทั้งหน้าต้องตรวจแยกต่างหาก
การเปรียบเทียบกับสีดำและสีขาวแสดงอะไร
จะเปรียบเทียบสีข้อความที่เลือกกับสีดำและสีขาว และแสดงว่าสีใดมีอัตราส่วนสูงกว่า ผลนี้แยกจากผลของสีพื้นหลังที่เลือกไว้
ตรวจสอบข้อความโปร่งใสหรือข้อความบนภาพได้หรือไม่
ไม่รองรับค่า alpha และพื้นหลังที่เป็นภาพ ให้ป้อนสีข้อความและสีพื้นหลังแบบทึบ
อินพุตและผลลัพธ์
- สีข้อความ
- ค่า HEX, RGB, HSL, HSV หรือ CMYK หรือใช้เครื่องเลือกสี CMYK เป็นค่าประมาณเมื่อไม่มีโปรไฟล์ ICC
- พื้นหลัง
- HEX สามหรือหกหลัก หรือใช้เครื่องเลือกสี ไม่รองรับค่า alpha
- ผลลัพธ์
- อัตราส่วนความต่าง ผล AA/AAA ของข้อความขนาดปกติและขนาดใหญ่ และตัวอย่างข้อความ ผลลัพธ์จะแสดงโดยไม่ต้องมีการบันทึก