ตัวตรวจสอบความเปรียบต่าง

ตัวตรวจสอบความคมชัดของสี WCAG สำหรับคำนวณอัตราส่วนความคมชัดของข้อความ

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

ข้อความปกติ

WCAG AA: Pass

WCAG AAA: Pass

ตัวอย่างข้อความปกติ - 16px

ข้อความขนาดใหญ่

WCAG AA: Pass

WCAG AAA: Pass

ตัวอย่างข้อความขนาดใหญ่ 18pt/24px

วัตถุกราฟิกและส่วนติดต่อผู้ใช้

WCAG AA: Pass

คำนวณอัตราส่วนความคมชัดสำหรับขนาดข้อความปกติ
คำนวณอัตราส่วนความคมชัดสำหรับขนาดตัวอักษรขนาดใหญ่
คำนวณอัตราส่วนความคมชัดสำหรับส่วนประกอบส่วนติดต่อผู้ใช้
เลือกสีจากตัวเลือกสี
ตั้งค่าความสว่างของสี

วิธีใช้ตัวตรวจสอบความคมชัด

เลือกสีพื้นหลัง
เลือกสีพื้นหน้า
ปรับความสว่างได้ตามต้องการ
ตรวจสอบการตรวจสอบสำหรับข้อความปกติและขนาดใหญ่

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

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

คุณจำเป็นต้องประเมินสีของข้อความและพื้นหลังตามแนวทาง WCAG 2.1 เหล่านี้คือ: ข้อความขนาดใหญ่ - ข้อความที่มีขนาดต่ำสุด 18px ต้องใช้อัตราส่วนความคมชัดของ 3:1; ข้อความขนาดเล็ก - ข้อความที่มีขนาดน้อยกว่า 18px ต้องใช้อัตราส่วนความคมชัด 4. 5:1

ทำไมเว็บไซต์ของฉันจึงควรมีความคมชัดของสีเพียงพอ?

ข้อความบนพื้นหลังที่มีอัตราส่วนความคมชัดต่ำมักเป็นเรื่องยากที่จะอ่านนี้ไม่เพียง แต่ส่งผลกระทบต่อผู้ที่มีความบกพร่องทางสายตา, มันจริงความไม่สะดวกของผู้ใช้ทั้งหมด.ตัวอย่างหนึ่งคือการอ่านข้อความบนโทรศัพท์มือถือนอกในวันที่มีแดด

การเข้าถึงเว็บไซต์หมายถึงอะไร?

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

รูปภาพและวิดีโอต้องเป็นไปตามข้อกำหนดความคมชัดของสี WCAG หรือไม่?

กราฟิกและส่วนประกอบอินเทอร์เฟซบางอย่างต้องมีอัตราส่วนความเปรียบต่างอย่างน้อย 3:1.อย่างไรก็ตาม สิ่งนี้ไม่มีโลโก้ ภาพตกแต่ง หรือไฟล์สื่อทั่วไป

ผลิตภัณฑ์

เว็บไซต์

เกี่ยวกับ

Language

User Name

ตัวตรวจสอบความเปรียบต่าง

ตัวตรวจสอบความคมชัดของสี WCAG สำหรับคำนวณอัตราส่วนความคมชัดของข้อความ

ข้อความปกติ

ข้อความขนาดใหญ่

วัตถุกราฟิกและส่วนติดต่อผู้ใช้

วิธีใช้ตัวตรวจสอบความคมชัด

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

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

ทำไมเว็บไซต์ของฉันจึงควรมีความคมชัดของสีเพียงพอ?

การเข้าถึงเว็บไซต์หมายถึงอะไร?

รูปภาพและวิดีโอต้องเป็นไปตามข้อกำหนดความคมชัดของสี WCAG หรือไม่?