เครื่องมือตรวจสอบคอนทราสต์

วางสีพื้นหน้าและสีพื้นหลัง (หรือเลือกจากภาพหน้าจอ) เพื่อรับอัตราส่วนคอนทราสต์และระดับ WCAG ที่ผ่าน WCAG 2.1 AA เป็นเกณฑ์พื้นฐานด้านการเข้าถึงตามกฎหมายในเขตอำนาจศาลส่วนใหญ่ ส่วน AAA เป็นมาตรฐานที่สูงกว่าซึ่งแนะนำสำหรับเนื้อหาที่สำคัญ

เกณฑ์ที่ใช้

• WCAG AA ข้อความปกติ: ขั้นต่ำ 4.5:1
• WCAG AA ข้อความขนาดใหญ่ (18pt+ หรือ 14pt+ ตัวหนา): ขั้นต่ำ 3:1
• WCAG AAA ข้อความปกติ: ขั้นต่ำ 7:1
• WCAG AAA ข้อความขนาดใหญ่: ขั้นต่ำ 4.5:1
• ส่วนประกอบ UI ที่ไม่ใช่ข้อความ (ปุ่ม, ขอบฟอร์ม): ขั้นต่ำ 3:1 (WCAG 2.1+)

ทำไมคอนทราสต์ถึงสำคัญ

ข้อความที่มีคอนทราสต์ต่ำอ่านไม่ได้สำหรับผู้ใช้ที่มีสายตาเลือนราง (ประมาณ 4% ของประชากร), ผู้ใช้ในที่แสงแดดจ้า, ผู้ใช้จอภาพราคาถูก, และดวงตาที่แก่ชรา (ทุกคนในที่สุด) ระบบการออกแบบหลายระบบมักใช้สีเทาบนสีเทาเพราะดูหรูหราบนจอ 5K ที่ปรับเทียบของนักออกแบบ — แต่อ่านไม่ได้ในที่อื่น

การไม่ผ่าน WCAG AA ยังสามารถถูกดำเนินคดีตามกฎหมายในสหรัฐอเมริกา (ADA Title III), สหภาพยุโรป (EAA), และเขตอำนาจศาลอื่นๆ อีกมาก การป้องกันราคาถูก: ตรวจสอบทุกคู่ข้อความ/พื้นหลังผ่านเครื่องมือตรวจสอบก่อนเผยแพร่

สิ่งที่เรารายงาน

1. อัตราส่วนคอนทราสต์ เป็นตัวเลข (เช่น 4.71:1)
2. ผ่าน/ไม่ผ่าน สำหรับแต่ละระดับ WCAG และขนาดข้อความ
3. คำแนะนำในการแก้ไข: สีพื้นหน้าที่เข้มขึ้นหรือสีพื้นหลังที่สว่างขึ้นที่ใกล้เคียงที่สุดซึ่งจะผ่านเกณฑ์
4. ตัวอย่างสด พร้อมข้อความตัวอย่างในคู่สีนั้น

ใช้ร่วมกับเครื่องมือจำลองตาบอดสี

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