fiokit.

เครื่องมือตรวจความเปรียบต่าง WCAG AA และ AAA

ตรวจสอบความเปรียบต่างสีตาม WCAG 2.2 AA และ AAA ดูตัวอย่างขนาดตัวอักษร และค้นหาสีทางเลือกที่อ่านง่ายขึ้น

วางตัวชี้เหนือช่องหรือเลือกช่องเพื่อดูคำแนะนำ กด Escape เพื่อปิด

ใช้ HEX, RGB, RGBA หรือ HSL สีโปร่งใสจะผสมบนพื้นผิวทึบแสง

5.84:1

เกณฑ์ใช้ค่าอัตราส่วนเต็มความแม่นยำ ไม่ใช้ค่าที่ปัดเพื่อแสดงผล

WCAG 2.2
ระดับใช้SCต่ำสุดผลลัพธ์
AAข้อความปกติ1.4.34.5:1ผ่าน
AAข้อความขนาดใหญ่1.4.33:1ผ่าน
AAAข้อความปกติ1.4.67:1ไม่ผ่าน
AAAข้อความขนาดใหญ่1.4.64.5:1ผ่าน
AAองค์ประกอบส่วนติดต่อและกราฟิก1.4.113:1ผ่าน
Aa — fiokit.

ข้อความปกติ: AA ✓ · AAA ✗

ข้อความขนาดใหญ่: อย่างน้อย 24 CSS px หรือ 18.67 CSS px แบบหนา (14 pt)

ตรวจเฉพาะคู่สี ไม่ใช่ความสอดคล้อง WCAG ทั้งหมด ประเมินสีข้างเคียง สถานะการโต้ตอบ และเนื้อหาจริงแยกต่างหาก

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

วิธีใช้งาน

ตั้งสีข้อความ พื้นหลัง และพื้นผิวทึบแสง ผล AA และ AAA อัปเดตทันที ทดลองขนาดและความหนาอักษร ใช้สีแนะนำ หรือดาวน์โหลดรายงาน

ตัวอย่างการใช้งาน

สี

#155bdf

คำถามที่พบบ่อย

ข้อความของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ เนื้อหาจะประมวลผลในเบราว์เซอร์นี้ โดยไม่ส่งไปยังเซิร์ฟเวอร์หรือบันทึกไว้

ควรรู้อะไรเกี่ยวกับ เครื่องมือตรวจความเปรียบต่าง WCAG AA และ AAA?

รายงานเกณฑ์ข้อความและส่วนที่ไม่ใช่ข้อความแยกกัน การตรวจสีนี้ไม่รับรองความสอดคล้อง WCAG ทั้งหมด