ตัวตรวจสอบความเปรียบต่างของ WCAG
ตรวจสอบว่าการผสมสีของข้อความและพื้นหลังเป็นไปตามระดับการเข้าถึง AA และ AAA หรือไม่
วิธีตรวจสอบความเปรียบต่างของสองสี
เลือกสีข้อความและสีพื้นหลัง
พิมพ์รหัส HEX หรือใช้เครื่องมือเลือกสีด้วยสายตาสำหรับสีทั้งสอง
ตรวจสอบอัตราส่วนความเปรียบต่าง
คุณจะเห็นอัตราส่วนที่คำนวณได้ทันทีพร้อมตัวอย่างข้อความบนพื้นหลังที่เลือก
ตรวจสอบว่าเป็นไปตาม WCAG AA หรือ AAA
เครื่องมือแสดงว่าการรวมกันนี้เหมาะสำหรับข้อความปกติและข้อความขนาดใหญ่ในแต่ละระดับ
คำถามที่พบบ่อยเกี่ยวกับความเปรียบต่างของสี
ความเปรียบต่างที่ดีระหว่างข้อความและพื้นหลังเป็นสิ่งจำเป็นเพื่อให้ทุกคนสามารถอ่านเนื้อหาของคุณได้ รวมถึงคนที่มีการมองเห็นต่ำ PDFDocks คำนวณอัตราส่วนที่แน่นอนตามมาตรฐาน WCAG
AA และ AAA หมายความว่าอะไร
+
เป็นสองระดับของความสอดคล้องของแนวทาง WCAG การเข้าถึงข้อมูล: AA เป็นขั้นต่ำที่แนะนำ และ AAA เป็นระดับที่เข้มงวดที่สุด
ฉันต้องใช้อัตราส่วนคอนทราสต์เท่าไร
+
สำหรับข้อความปกติ แนะนำอัตราส่วนต่ำสุด 4.5:1 (AA) หรือ 7:1 (AAA) สำหรับข้อความขนาดใหญ่ 3:1 (AA) หรือ 4.5:1 (AAA)
ทำไมคอนทราสต์จึงสำคัญ
+
ความเปรียบต่างที่ไม่เพียงพอทำให้การอ่านยากขึ้น โดยเฉพาะสำหรับผู้ที่มีการมองเห็นต่ำหรือบนหน้าจอที่มีแสงสภาพแวดล้อมสูง
ฉันจำเป็นต้องติดตั้งโปรแกรมใดๆหรือไม่
+
ไม่ ไม่จำเป็นต้องติดตั้งอะไรเลย ทำงานได้โดยตรงจากเบราว์เซอร์
มันฟรีหรือไม่
+
ใช่ เครื่องมือนี้ฟรีอย่างสมบูรณ์
ใช้ได้กับการตรวจสอบการออกแบบเว็บไซต์ทั้งหมดหรือไม่?
+
ใช้ได้สำหรับตรวจสอบการรวมสีที่เฉพาะเจาะจง เพื่อตรวจสอบเว็บไซต์ทั้งหมด คุณจะต้องตรวจสอบการรวมกันของข้อความและพื้นหลังแต่ละชุดที่คุณใช้
สำรวจสีตามตระกูล
มากกว่า 469 สีที่มีชื่อ พร้อมรหัส HEX RGB HSL และ CMYK จัดระเบียบในตระกูลเฉดสี 12 ตระกูล