ตรวจสอบคอนทราสต์ตามมาตรฐาน WCAG 2.1 ระหว่างสีพื้นหน้าและพื้นหลังใดๆ
ตัวอย่างหัวข้อขนาดใหญ่
ตัวอย่างข้อความเนื้อหา. สุนัขสีน้ำตาลว่องไวกระโดดข้ามสุนัขขี้เกียจ
APCA จำลองการรับรู้ของมนุษย์: คำนึงถึงขั้ว, ขนาดและน้ำหนักของข้อความ จึงคาดการณ์ความสามารถในการอ่านในโลกจริงได้ดีกว่าอัตราส่วน WCAG 2.1 ระดับ Lc 75+ สำหรับข้อความเนื้อหา, 60+ สำหรับข้อความขนาดใหญ่
APCA ตระหนักถึงขั้ว: สว่างบนมืดและมืดบนสว่างให้คะแนนแตกต่างกัน ดังนั้นการสลับส่วนหน้า/พื้นหลังจะให้ Lc ที่แตกต่างกัน – โดยออกแบบ ไม่ใช่ข้อผิดพลาด
APCA ไม่ได้จำกัดแค่ผ่าน/ไม่ผ่าน — ตารางนี้แสดงขนาดฟอนต์ขั้นต่ำที่อ่านได้ต่อน้ำหนักที่ความคมชัดนี้ โดยตรงจากฐานข้อมูลฟอนต์ APCA อย่างเป็นทางการ
ขนาดใหญ่อ่านได้ดีกว่า; 777 หมายถึงน้ำหนักนั้นไม่ได้รับอนุญาตที่ความคมชัดนี้. น้ำหนักที่หนักมาก (900) อาจต้องใช้ขนาดใหญ่กว่าเมื่อขนาดเล็ก
ความคมชัดตามมาตรฐาน WCAG 2.1 ระหว่างสองสี, พร้อมผลการตัดสิน AA/AAA แบบเรียลไทม์ในสี่ระดับ
วาง HEX สำหรับส่วนหน้าและพื้นหลัง; ตัวอย่างข้อความจะแสดงผลใหม่ทันที
ข้อความปกติ (4.5:1) และข้อความขนาดใหญ่ (3:1) จะถูกพิจารณาแยกกัน โดยอัตราส่วนจะอัปเดตแบบเรียลไทม์
ไม่ผ่านหรือไม่? ปรับค่าความสว่างจนผ่านได้ ปุ่มและส่วนหัวต้องการเพียงระดับ AA เท่านั้น
คำถามสี่ข้อที่มักเกิดขึ้นเมื่อนำการเข้าถึงมาใช้ในทางปฏิบัติ
ดำเนินต่อไปจากที่นี่และนำสีไปใช้งาน
แปลงสีใด ๆ ให้เป็นสเกลระบบดีไซน์ 11 ระดับ โดยมีความสม่ำเสมอทางการรับรู้ใน OKLCH, ความคมชัดตามมาตรฐาน WCAG ต่อระดับ และส่งออกไปยัง Tailwind/CSS/SCSS/JSON
ป้อนรหัส RAL, Pantone หรือ NCS — หรือ HEX ใด ๆ — แล้วจับคู่กับทุกระบบมาตรฐานทั้ง 10 ด้วย CIEDE2000 ΔE
จำลองการขาดดุลการมองเห็นสี 8 ประเภทเพื่อตรวจสอบการเข้าถึงได้
ใช้ Spacebar เพื่อสุ่ม ล็อก ลากเพื่อจัดเรียงใหม่ แชร์ผ่าน URL — ทุกอย่างที่แผงจานสีควรมี