ตัวตรวจสอบคอนทราสต์สี
ตรวจสอบอัตราส่วนคอนทราสต์สีสำหรับการปฏิบัติตาม WCAG 2.1 ยืนยันมาตรฐาน AA และ AAA ทันที
อัตราส่วนคอนทราสต์ WCAG คืออะไร?
อัตราส่วนคอนทราสต์ WCAG วัดความแตกต่างของความสว่างระหว่างสีพื้นหน้าและพื้นหลัง ตั้งแต่ 1:1 ถึง 21:1
ข้อกำหนด WCAG AA และ AAA คืออะไร?
WCAG AA ต้องการอย่างน้อย 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความขนาดใหญ่ AAA ต้องการ 7:1 และ 4.5:1
ข้อความขนาดใหญ่คืออะไร?
ข้อความขนาดใหญ่คือ 18pt (24px) หรือใหญ่กว่า หรือ 14pt (18.66px) ตัวหนาหรือใหญ่กว่า
ทำไมคอนทราสต์สีจึงสำคัญ?
คอนทราสต์ที่เหมาะสมทำให้ข้อความอ่านได้สำหรับผู้บกพร่องทางสายตาและปรับปรุงการอ่านสำหรับทุกคน
ฉันจะคำนวณอัตราส่วนคอนทราสต์ได้อย่างไร?
คำนวณโดยใช้ค่าความสว่างสัมพัทธ์ สูตรคือ (L1 + 0.05) / (L2 + 0.05)
คอนทราสต์ขั้นต่ำสำหรับองค์ประกอบ UI คือเท่าไร?
WCAG ต้องการอย่างน้อย 3:1 สำหรับองค์ประกอบ UI และวัตถุกราฟิก
ฉันสามารถใช้การผสมสีใดก็ได้หรือไม่?
ไม่ใช่การผสมทั้งหมดที่เป็นไปตามมาตรฐานการเข้าถึง ใช้ตัวตรวจสอบนี้เพื่อยืนยัน
ความสว่างสัมพัทธ์คืออะไร?
คือความสว่างที่รับรู้ของสี ตั้งแต่ 0 (ดำ) ถึง 1 (ขาว) คำนวณโดยใช้พื้นที่สี sRGB
ฉันต้องตรวจสอบคอนทราสต์ของรูปภาพหรือไม่?
ข้อความในรูปภาพต้องเป็นไปตามข้อกำหนดเดียวกัน สำหรับรูปภาพตกแต่งไม่ใช้
เครื่องมือใดช่วยเรื่องคอนทราสต์?
ใช้เครื่องมือนักพัฒนาเบราว์เซอร์ ปลั๊กอินการออกแบบ หรือตัวตรวจสอบออนไลน์เช่นนี้