นักพัฒนา🔒 ทำงานในเบราว์เซอร์

ตรวจสอบความคมชัดของสี

ตรวจสอบการปฏิบัติตาม WCAG AA/AAA สำหรับความคมชัดของสี

สีข้อความ

สีพื้นหลัง

ข้อความชื่อตัวอย่าง

นี่คือลักษณะของข้อความหลักด้วยสีเหล่านี้

และนี่คือข้อความขนาดเล็กสำหรับอ้างอิง

อัตราส่วนความคมชัด

21.00:1

WCAG AA

ข้อความปกติ✓ ผ่าน

ข้อความขนาดใหญ่ (18px+)✓ ผ่าน

UI components✓ ผ่าน

WCAG AAA

ข้อความปกติ✓ ผ่าน

ข้อความขนาดใหญ่ (18px+)✓ ผ่าน

เกี่ยวกับ ตรวจสอบความคมชัดของสี

ตัวตรวจสอบความคมชัดของสีประเมินอัตราส่วนความคมชัดระหว่างสองสีตามแนวทาง WCAG 2.1 บอกให้คุณทราบว่าการผสมสีของคุณเป็นไปตามมาตรฐานการเข้าถึง AA หรือ AAA สำหรับข้อความปกติ ข้อความขนาดใหญ่ และ UI components ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

อัตราส่วนความคมชัดที่ดีคืออะไร?

WCAG AA กำหนดอัตราส่วนขั้นต่ำ 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (18px+ หรือ 14px+ ตัวหนา) WCAG AAA กำหนด 7:1 สำหรับข้อความปกติ และ 4.5:1 สำหรับข้อความขนาดใหญ่ อัตราส่วนที่สูงขึ้นหมายถึงความสามารถในการอ่านที่ดีขึ้น

ความแตกต่างระหว่าง AA และ AAA คืออะไร?

AA เป็นมาตรฐานขั้นต่ำที่แนะนำสำหรับเนื้อหาเว็บส่วนใหญ่ AAA เป็นมาตรฐานที่เข้มงวดกว่าซึ่งให้ความสามารถในการอ่านที่ดีขึ้นสำหรับผู้ใช้ที่มีความบกพร่องทางสายตา การบรรลุ AAA เป็นสิ่งที่ดีที่สุดแต่ไม่จำเป็นเสมอไป

อัตราส่วนความคมชัดคำนวณอย่างไร?

อัตราส่วนความคมชัดคำนวณโดยใช้ความส่องสว่างสัมพัทธ์ของแต่ละสีตามที่กำหนดโดย WCAG 2.1 สูตรเปรียบเทียบสีที่สว่างกว่าและเข้มกว่าในระดับ 1:1 (ไม่มีความคมชัด) ถึง 21:1 (ความคมชัดสูงสุด สีดำบนสีขาว)

🔧 เครื่องมือที่เกี่ยวข้อง

เกี่ยวกับ ตรวจสอบความคมชัดของสี

คำถามที่พบบ่อย

อัตราส่วนความคมชัดที่ดีคืออะไร?

ความแตกต่างระหว่าง AA และ AAA คืออะไร?

อัตราส่วนความคมชัดคำนวณอย่างไร?