ตรวจสอบคอนทราสต์ของสี
ตรวจสอบว่าข้อความจะอ่านได้จริงหรือไม่ ตามมาตรฐานการเข้าถึง
- ทำงานในเบราว์เซอร์ของคุณ — ข้อความของคุณไม่ถูกส่งไปที่ใด
- ไม่ต้องสมัครสมาชิก ไม่มีโควตา ใช้ฟรีกี่ครั้งก็ได้
ทำงานอย่างไร
ข้อความสีเทาอ่อนบนพื้นขาวเป็นความล้มเหลวด้านการเข้าถึงที่พบบ่อยที่สุดบนเว็บ และหลีกเลี่ยงได้ทั้งหมด แนวปฏิบัติด้านการเข้าถึงกำหนดคอนทราสต์เป็นอัตราส่วนที่แม่นยำ การที่คู่สีผ่านหรือไม่จึงเป็นเรื่องของเลขคณิต ไม่ใช่ความเห็น
คำนวณอัตราส่วนอย่างไร
ค่าความสว่างสัมพัทธ์ของแต่ละสีถูกคำนวณตามที่แนวปฏิบัติกำหนด โดยใช้การแก้แกมมาต่อช่อง และอัตราส่วนคิดระหว่างสีที่สว่างกว่ากับสีที่เข้มกว่า ผลลัพธ์ตรงกับที่การตรวจสอบด้านการเข้าถึงจะรายงาน เพราะใช้สูตรเดียวกัน
เกณฑ์
ข้อความปกติต้องการ 4.5:1 สำหรับ AA และ 7:1 สำหรับ AAA ข้อความขนาดใหญ่ ซึ่งประมาณ 24px หรือ 18.7px หากเป็นตัวหนา ต้องการเพียง 3:1 สำหรับ AA และ 4.5:1 สำหรับ AAA ส่วนประกอบของอินเทอร์เฟซและกราฟิกที่มีความหมายต้องการ 3:1 AA คือสิ่งที่องค์กรส่วนใหญ่และกฎหมายส่วนใหญ่กำหนด
ทำไมข้อความขนาดใหญ่จึงได้รับอนุญาตให้ต่ำกว่า
ตัวอักษรที่ใหญ่กว่ามีพิกเซลประกอบเป็นแต่ละเส้นมากกว่า จึงยังอ่านได้ที่คอนทราสต์ต่ำกว่า นี่คือเหตุผลที่หัวข้อใช้สีเทาอ่อนกว่าเนื้อหาได้
สิ่งที่อัตราส่วนไม่ได้วัด
ไม่ได้บอกอะไรเกี่ยวกับตาบอดสี ซึ่งเป็นการตรวจสอบแยกต่างหาก และไม่ได้บอกว่าข้อความใหญ่พอหรือแบบอักษรอ่านง่ายหรือไม่ อัตราส่วนที่ผ่านเป็นเพียงเกณฑ์ขั้นต่ำ ไม่ใช่หลักฐานว่าการออกแบบอ่านง่าย
ตรวจสอบคอนทราสต์ของสี — คำถามที่พบบ่อย
ต้องใช้อัตราส่วนคอนทราสต์เท่าใด
4.5:1 สำหรับข้อความปกติที่ระดับ AA และ 3:1 สำหรับข้อความขนาดใหญ่ ระดับ AAA เพิ่มเป็น 7:1 และ 4.5:1
ข้อความขนาดใหญ่หมายถึงอะไร
ประมาณ 24px ขึ้นไป หรือ 18.7px ขึ้นไปหากเป็นตัวหนา
ผ่านแล้วหมายความว่าการออกแบบของฉันเข้าถึงได้ไหม
ไม่ คอนทราสต์เป็นข้อกำหนดหนึ่งในหลายข้อ ไม่ได้บอกอะไรเกี่ยวกับตาบอดสี ขนาดข้อความ หรือความอ่านง่าย