Warna teks
Warna latar belakang
Kontras
8.42
- Lulus
Teks kecil
WCAG AA
- Lulus
Teks besar
WCAG AA
- Lulus
Teks kecil
WCAG AAA
- Lulus
Teks besar
WCAG AAA
Simulasi Buta Warna
Info:
Teks kecil: di bawah 18pt. Teks besar: 18pt+ atau tebal 14pt+.
Latar belakang terang
Kutipan no. 26
Georg Christoph Lichtenberg
Latar belakang gelap
Kutipan no. 26
Georg Christoph Lichtenberg
Teks kecil
Teks besar
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
Sejarah Rasio Kontras
Memahami standar WCAG dan aksesibilitas
Standar WCAG
Pedoman Aksesibilitas Konten Web (WCAG) dikembangkan oleh World Wide Web Consortium (W3C) untuk membuat konten web lebih mudah diakses oleh penyandang disabilitas. Persyaratan rasio kontras diperkenalkan untuk memastikan teks dapat dibaca oleh pengguna dengan gangguan penglihatan.
Pengembangan
WCAG 1.0 diterbitkan pada tahun 1999, menetapkan persyaratan rasio kontras pertama. WCAG 2.0 (2008) menyempurnakan standar ini dengan formula yang lebih tepat. WCAG 2.1 (2018) menambahkan kriteria keberhasilan tambahan. Formula rasio kontras saat ini dikembangkan berdasarkan penelitian tentang persepsi visual manusia dan ilmu warna.
Mengapa Penting
Rasio kontras yang tepat memastikan teks dapat dibaca oleh semua orang, termasuk pengguna dengan kebutaan warna, penglihatan rendah, atau mereka yang melihat konten di bawah sinar matahari terang. Ini membuat web lebih inklusif dan dapat diakses oleh jutaan pengguna di seluruh dunia.
Formula
Rasio kontras dihitung menggunakan luminansi relatif warna. Berkisar dari 1:1 (tidak ada kontras) hingga 21:1 (kontras maksimum, seperti hitam pada putih). WCAG AA memerlukan 4,5:1 untuk teks normal dan 3:1 untuk teks besar. WCAG AAA memerlukan 7:1 untuk teks normal dan 4,5:1 untuk teks besar.