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

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

อัตราส่วนความคมชัดคือตัวบ่งชี้ที่แสดงความแตกต่างของความสว่างระหว่างสีตัวอักษรและสีพื้นหลังเป็นตัวเลขจาก 1:1 ถึง 21:1 การรวมสีดำและสีขาวมีค่าสูงสุด 21:1 และสีเดียวกันมีค่าต่ำสุด 1:1

• วิธีการคำนวณ：อัตราส่วนความคมชัดคำนวณโดยการแปลงสีสองสีเป็นความสว่างสัมพัทธ์ของ sRGB แล้วหารด้วยการเพิ่ม 0.05 ให้กับความสว่างของสีที่สว่างกว่าและสีที่มืดกว่า
• แนวทางของตัวเลข：เมื่อเทียบกับพื้นหลังสีขาว (#FFFFFF) สีเทา #777777 มีอัตราส่วนความคมชัด 4.47:1 #999999 คือ 2.84:1 และสีดำ (#000000) คือ 21:1

ความแตกต่างระหว่าง AA และ AAA ของ WCAG

WCAG คือแนวทางระหว่างประเทศเกี่ยวกับการเข้าถึงเนื้อหาเว็บ และกำหนดเส้นผ่านการอัตราส่วนความคมชัดไว้ 2 ระดับ คือ AA และ AAA

• AA (มาตรฐานระดับ)：AA คือมาตรฐานที่ต้องการ 4.5:1 ขึ้นไปสำหรับตัวอักษรธรรมชาติและ 3.0:1 ขึ้นไปสำหรับตัวอักษรขนาดใหญ่ ซึ่งเป็นระดับที่เว็บไซต์ทั่วไปมุ่งเป้าหมาย
• AAA (มาตรฐานที่เข้มงวดขึ้น)：AAA คือมาตรฐานที่ต้องการ 7:1 ขึ้นไปสำหรับตัวอักษรธรรมชาติและ 4.5:1 ขึ้นไปสำหรับตัวอักษรขนาดใหญ่ ซึ่งเป็นระดับที่มุ่งเป้าหมายให้อ่านง่ายแม้กำลังการมองเห็นต่ำ

นิยามของตัวอักษรขนาดใหญ่

ตัวอักษรขนาดใหญ่ของ WCAG หมายถึงตัวอักษรขนาดประมาณ 18 พอยต์ (24px) ขึ้นไป หรือตัวอักษรตัวหนา 14 พอยต์ (ประมาณ 18.7px) ขึ้นไป

• ตัวอักษรธรรมชาติ：ตัวอักษรธรรมชาติคือตัวอักษรที่มีขนาดไม่ใช่ตัวอักษรขนาดใหญ่ เช่น เนื้อหาและคำอธิบายอ่าน และต้องการอัตราส่วนความคมชัด 4.5:1 ขึ้นไป
• ความสัมพันธ์กับหัวเรื่อง：แม้แต่หัวเรื่องหากมีขนาดน้อยกว่า 24px และไม่ตัวหนาจะถือเป็นตัวอักษรธรรมชาติ ดังนั้นจึงจำเป็นต้องตรวจสอบทั้งขนาดและความหนา