🌓Pemeriksa Kontras Warna

Apa itu rasio kontras

Rasio kontras adalah indikator yang menyatakan perbedaan kecerahan antara warna teks dan warna latar belakang dalam angka dari 1 : 1 hingga 21 : 1. Kombinasi hitam dan putih adalah maksimum 21 : 1, dan warna yang sama adalah minimum 1 : 1.

• Cara perhitungan：Rasio kontras adalah nilai yang dikonversi dua warna ke luminansi relatif sRGB, menambahkan 0,05 ke luminansi warna yang lebih terang dan warna yang lebih gelap masing-masing, dan kemudian membagi.
• Panduan nilai：Terhadap latar belakang putih (#FFFFFF), abu-abu #777777 adalah 4,47 : 1, #999999 adalah 2,84 : 1, dan hitam (#000000) adalah 21 : 1 rasio kontras.

Perbedaan AA dan AAA WCAG

WCAG adalah panduan internasional tentang aksesibilitas konten web, dan menetapkan garis kelulusan rasio kontras pada dua tingkat: AA dan AAA.

• AA (tingkat standar)：AA adalah standar yang memerlukan 4,5 : 1 atau lebih untuk teks normal dan 3,0 : 1 atau lebih untuk teks besar, dan merupakan tingkat yang ditargetkan oleh situs web umum.
• AAA (tingkat lebih ketat)：AAA adalah standar yang memerlukan 7 : 1 atau lebih untuk teks normal dan 4,5 : 1 atau lebih untuk teks besar, dan merupakan tingkat yang bertujuan untuk dapat dibaca oleh orang-orang dengan penglihatan rendah.

Definisi teks besar

Teks besar dalam WCAG mengacu pada teks sekitar 18 poin (24px) atau lebih, atau teks tebal 14 poin (sekitar 18,7px) atau lebih.

• Teks normal：Teks normal adalah teks yang tidak memenuhi syarat sebagai teks besar, termasuk badan teks dan catatan kaki, dan memerlukan rasio kontras 4,5 : 1 atau lebih.
• Hubungan dengan judul：Bahkan dalam judul, jika lebih kecil dari 24px dan tidak tebal, diperlakukan sebagai teks normal, jadi perlu memeriksa tidak hanya ukuran tetapi juga ketebalan.