Monu Tools

ตรวจสอบความคมชัดสีตาม WCAG

ตรวจสอบอัตราส่วนความคมชัดระหว่างสองสีตามระดับการเข้าถึง WCAG AA และ AAA

วิธีใช้ ตรวจสอบ Contrast

  1. 01

    เลือกสีข้อความและสีพื้นหลัง

  2. 02

    อ่านอัตราส่วนความคมชัดและป้าย WCAG pass หรือ fail

  3. 03

    ปรับสีจนผ่านระดับที่คุณต้องการ

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

ต้องการอัตราส่วนความคมชัดเท่าไหร่?

WCAG AA กำหนด 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความขนาดใหญ่ (18pt หรือ 14pt ตัวหนา) AAA กำหนด 7:1 และ 4.5:1 ตามลำดับ

อะไรนับเป็นข้อความขนาดใหญ่?

ข้อความที่มีอย่างน้อย 24px (18pt) หรือ 18.66px (14pt) เมื่อตัวหนา ข้อความขนาดใหญ่อนุญาตให้มีอัตราส่วนความคมชัดต่ำกว่า

อัตราส่วนคำนวณอย่างไร?

จากความสว่างสัมพัทธ์ของแต่ละสีโดยใช้สูตร WCAG อย่างเป็นทางการ ให้ค่าจาก 1:1 (ไม่มีความคมชัด) ถึง 21:1 (ดำบนขาว)

เกี่ยวกับเครื่องมือนี้

ตัวตรวจสอบความคมชัดสี WCAG ที่แสดงอัตราส่วนความคมชัดที่แน่นอนระหว่างสีข้อความและพื้นหลัง และว่าผ่านระดับการเข้าถึง AA และ AAA หรือไม่

เลือกสีด้วย swatch หรือรหัส hex และดูตัวอย่างสด ความคมชัดที่ดีทำให้เว็บไซต์ของคุณอ่านได้และเข้าถึงได้

เครื่องมือที่เกี่ยวข้อง