ตัวตรวจคอนทราสต์ WCAG
ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด
เลือกสีตัวอักษรและพื้นหลังเพื่อดูอัตราส่วนคอนทราสต์ WCAG พร้อมตราผ่าน AA/AAA สำหรับข้อความปกติ ข้อความขนาดใหญ่ และส่วนประกอบ UI
อัตราส่วนเท่าใดถือว่าผ่าน
WCAG AA ต้องการ 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (≥18 px regular หรือ ≥14 px ตัวหนา) ส่วน AAA เข้มขึ้นเป็น 7:1 และ 4.5:1 ตามลำดับ
กฎ 3:1 ของส่วนประกอบ UI คืออะไร
เกณฑ์ 1.4.11 ของ WCAG 2.1 กำหนดคอนทราสต์ 3:1 สำหรับไอคอน ขอบช่องฟอร์ม และส่วน UI ที่ไม่ใช่ข้อความซึ่งให้ข้อมูล ตราในเครื่องมือนี้ครอบคลุมกรณีดังกล่าว
รองรับสีกึ่งโปร่งใสไหม
รองรับเมื่อค่าให้มาเป็น rgba และพื้นหลังทึบ ส่วนหลายชั้นโปร่งใสควรราบรวมไว้ล่วงหน้า หากตัวอ่านค่าตีความไม่ได้เครื่องมือจะเตือน
คำถามที่พบบ่อย
- อัตราส่วนเท่าใดถือว่าผ่าน?
- WCAG AA ต้องการ 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (≥18 px regular หรือ ≥14 px ตัวหนา) ส่วน AAA เข้มขึ้นเป็น 7:1 และ 4.5:1 ตามลำดับ
- กฎ 3:1 ของส่วนประกอบ UI คืออะไร?
- เกณฑ์ 1.4.11 ของ WCAG 2.1 กำหนดคอนทราสต์ 3:1 สำหรับไอคอน ขอบช่องฟอร์ม และส่วน UI ที่ไม่ใช่ข้อความซึ่งให้ข้อมูล ตราในเครื่องมือนี้ครอบคลุมกรณีดังกล่าว
- รองรับสีกึ่งโปร่งใสไหม?
- รองรับเมื่อค่าให้มาเป็น rgba และพื้นหลังทึบ ส่วนหลายชั้นโปร่งใสควรราบรวมไว้ล่วงหน้า หากตัวอ่านค่าตีความไม่ได้เครื่องมือจะเตือน
- มีอะไรถูกอัปโหลดไหม?
- ไม่มี การคำนวณเป็นฟังก์ชันเล็กในหน้านี้ สีไม่เคยออกจากเบราว์เซอร์