สีข้อความ
สีพื้นหลัง
ความคมชัด
8.42
- ผ่าน
ข้อความเล็ก
WCAG AA
- ผ่าน
ข้อความใหญ่
WCAG AA
- ผ่าน
ข้อความเล็ก
WCAG AAA
- ผ่าน
ข้อความใหญ่
WCAG AAA
การจำลองตาบอดสี
ข้อมูล:
ข้อความเล็ก: ต่ำกว่า 18pt ข้อความใหญ่: 18pt+ หรือตัวหนา 14pt+
พื้นหลังสว่าง
คำพูด หมายเลข 26
Georg Christoph Lichtenberg
พื้นหลังมืด
คำพูด หมายเลข 26
Georg Christoph Lichtenberg
ข้อความเล็ก
ข้อความใหญ่
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
ประวัติอัตราส่วนความคมชัด
ทำความเข้าใจมาตรฐาน WCAG และการเข้าถึงได้
มาตรฐาน WCAG
แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) ได้รับการพัฒนาโดย World Wide Web Consortium (W3C) เพื่อทำให้เนื้อหาเว็บเข้าถึงได้มากขึ้นสำหรับผู้พิการ ข้อกำหนดอัตราส่วนความคมชัดได้รับการแนะนำเพื่อให้แน่ใจว่าข้อความอ่านได้สำหรับผู้ใช้ที่มีความบกพร่องทางสายตา
การพัฒนา
WCAG 1.0 ได้รับการเผยแพร่ในปี 1999 สร้างข้อกำหนดอัตราส่วนความคมชัดครั้งแรก WCAG 2.0 (2008) ปรับแต่งมาตรฐานเหล่านี้ด้วยสูตรที่แม่นยำยิ่งขึ้น WCAG 2.1 (2018) เพิ่มเกณฑ์ความสำเร็จเพิ่มเติม สูตรอัตราส่วนความคมชัดปัจจุบันได้รับการพัฒนาบนพื้นฐานของการวิจัยเกี่ยวกับการรับรู้ภาพของมนุษย์และวิทยาศาสตร์สี
ทำไมจึงสำคัญ
อัตราส่วนความคมชัดที่เหมาะสมทำให้แน่ใจว่าข้อความอ่านได้สำหรับทุกคน รวมถึงผู้ใช้ที่มีตาบอดสี สายตาต่ำ หรือผู้ที่ดูเนื้อหาในแสงแดดจ้า สิ่งนี้ทำให้เว็บมีความครอบคลุมและเข้าถึงได้มากขึ้นสำหรับผู้ใช้หลายล้านคนทั่วโลก
สูตร
อัตราส่วนความคมชัดคำนวณโดยใช้ความสว่างสัมพัทธ์ของสี ตั้งแต่ 1:1 (ไม่มีความคมชัด) ถึง 21:1 (ความคมชัดสูงสุด เช่น ดำบนขาว) WCAG AA ต้องการ 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความใหญ่ WCAG AAA ต้องการ 7:1 สำหรับข้อความปกติและ 4.5:1 สำหรับข้อความใหญ่