Perhitungan Rasio Kontras
Kepatuhan aksesibilitas warna dibuktikan secara matematis berdasarkan standar WCAG 2.1 Success Criterion 1.4.3.
Rumus Relatif Luminansi (W3C)
Untuk menghitung rasio kontras antara dua warna $L_1$ (warna yang lebih terang) dan $L_2$ (warna yang lebih gelap):
$$\text{Contrast Ratio} = \frac{L_1 + 0.05}{L_2 + 0.05}$$
Di mana luminansi relatif $L$ dihitung dari komponen sRGB yang dinormalisasi:
$$R_s = \frac{R_{8\text{bit}}}{255}, \quad G_s = \frac{G_{8\text{bit}}}{255}, \quad B_s = \frac{B_{8\text{bit}}}{255}$$
Jika $C_s \le 0.03928$: $$C = \frac{C_s}{12.92}$$ Jika $C_s > 0.03928$: $$C = \left(\frac{C_s + 0.055}{1.055}\right)^{2.4}$$
$$L = 0.2126 R + 0.7152 G + 0.0722 B$$
Hasil Uji Pasangan Warna Majalengka
| Elemen | Warna Teks | Warna Latar | Rasio Kontras | Status WCAG AA (≥4.5:1) |
|---|---|---|---|---|
| Tombol Primer | #FFFFFF (Putih) | #0014A8 (Biru 700) | 13.06 : 1 | Lolos Sangat Aman |
| Teks Utama | #222834 (Netral 900) | #FFFFFF (Putih) | 14.52 : 1 | Lolos Sangat Aman |
| Teks Sekunder | #6B7488 (Netral 600) | #FFFFFF (Putih) | 4.64 : 1 | Lolos Standar AA |
| Badge Sukses | #0F7B4A (Status Hijau) | #E6F6ED (Latar Hijau) | 5.41 : 1 | Lolos Standar AA |
| Badge Bahaya | #B3261E (Status Merah) | #FDF2F2 (Latar Merah) | 5.23 : 1 | Lolos Standar AA |
| Pelanggaran (Dilarang) | #97A0B2 (Netral 500) | #FFFFFF (Putih) | 2.83 : 1 | ❌ Gagal (Dilarang) |
Simulator Validasi Interaktif
Kalkulator Rasio Kontras WCAG AA (Attested Computation)
Uji kombinasi warna teks dan latar belakang secara langsung sesuai standar WCAG 2.1 Level AA (minimal 4.5:1 untuk teks normal).
Pemerintah Kabupaten Majalengka
Layanan administrasi kependudukan dan perizinan terpadu online.