เครื่องมือตรวจสอบคอนทราสต์สีฟรีที่ทดสอบอัตราส่วนตามมาตรฐาน WCAG 2.1 (AA, AAA) ประมวลผลในเบราว์เซอร์ จำเป็นสำหรับการเข้าถึงเว็บและตรวจสอบดีไซน์ UI
21.00:1
อัตราส่วนคอนทราสต์
ข้อความปกติ
AA (4.5:1)ผ่าน
AAA (7:1)ผ่าน
ข้อความขนาดใหญ่
AA (3:1)ผ่าน
AAA (4.5:1)ผ่าน
ดูตัวอย่างกินข้าวกับปลาทู แล้วไปเที่ยวภูเขา 1234567890
กินข้าวกับปลาทู แล้วไปเที่ยวภูเขา 1234567890
lock ไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
วิธีใช้งานตรวจสอบคอนทราสต์?
- ป้อนสีพื้นหน้าและพื้นหลัง
- ตรวจสอบอัตราส่วนและเกรด WCAG
- ปรับสีตามต้องการเพื่อให้ผ่านมาตรฐาน
คำถามที่พบบ่อยเกี่ยวกับตรวจสอบคอนทราสต์
WCAG AA กับ AAA ต่างกันอย่างไร?
AA ต้องการ 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความใหญ่ AAA เข้มงวดกว่า: 7:1 และ 4.5:1
ถ้าอัตราส่วนไม่ผ่านทำอย่างไร?
ปรับสีให้สว่างหรือเข้มขึ้นเพื่อเพิ่มคอนทราสต์ เครื่องมือแสดงผลแบบเรียลไทม์