ข้ามไปที่เนื้อหา

คู่มือฟีเจอร์

ตรวจคอนทราสต์เพื่อการเข้าถึง

ก่อนนำจานสีไปใช้ในผลิตภัณฑ์ แล็บจานสีจะแสดงว่าคู่สีใดผ่านเกณฑ์คอนทราสต์ WCAG สำหรับข้อความ สีใดแยกยากสำหรับผู้ที่มีภาวะบกพร่องการเห็นสี และสีดูเป็นอย่างไรใน UI จริง

Pro รวมอยู่ใน ColorSnapr Pro อัปเดตเมื่อ:

ตรวจคอนทราสต์เพื่อการเข้าถึง

ข้อมูลสำคัญ

  • ตารางคอนทราสต์: ทุกคู่พื้นหลัง × ข้อความ พร้อมอัตราส่วนและผล AA / AA ตัวใหญ่ / AAA
  • สีที่แยกยากสำหรับการมองเห็นสี: คู่สีที่แยกได้ยากเมื่อมองแบบ protanopia, deuteranopia หรือ tritanopia
  • พรีวิว UI: จานสีของคุณบนปุ่ม การ์ด และข้อความ
  • ไล่สีที่นุ่มนวลด้วยการคำนวณใน Oklab
  • ทุกสีที่บันทึกยังแสดงคอนทราสต์กับข้อความสีขาวและสีดำได้ฟรี

วิธีใช้งาน

  1. 1 เปิดจานสีแล้วเลือกแล็บจานสี
  2. 2 ดูแท็บการเข้าถึง: ช่องที่มีกรอบผ่านเกณฑ์ AA สำหรับข้อความปกติ
  3. 3 สลับไปที่ตัวอย่างหรือไล่สี ปรับสี แล้วตรวจอีกครั้ง

คำถาม

ใช้เกณฑ์ WCAG ใดบ้าง?

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

แล็บจานสีใช้ฟรีไหม?

แล็บจานสีเป็นส่วนหนึ่งของ ColorSnapr Pro ส่วนคอนทราสต์กับข้อความสีขาวและสีดำของแต่ละสีที่บันทึกใช้ได้ฟรี

ลองบนมือถือของคุณ — ดาวน์โหลด ColorSnapr ได้ฟรี