Pemeriksa Kontras WCAG AA dan AAA

Periksa kontras warna untuk WCAG 2.2 AA dan AAA, pratinjau ukuran teks, dan temukan alternatif warna yang aksesibel.

Arahkan penunjuk ke kolom atau pilih kolom untuk melihat bantuan. Tekan Escape untuk menutup.

Warna depanLatar belakangKanvas tidak transparan

Gunakan HEX, RGB, RGBA, atau HSL. Warna transparan dikomposisikan di atas kanvas tidak transparan.

5.84:1

Ambang menggunakan rasio dengan presisi penuh, bukan nilai tampilan yang dibulatkan.

WCAG 2.2
Tingkat	Gunakan	SC	Minimum	Hasil
AA	Teks normal	1.4.3	4.5:1	Lulus
AA	Teks besar	1.4.3	3:1	Lulus
AAA	Teks normal	1.4.6	7:1	Tidak lulus
AAA	Teks besar	1.4.6	4.5:1	Lulus
AA	Komponen antarmuka dan grafis	1.4.11	3:1	Lulus

Teks pratinjauUkuran font (CSS px)Tebal

Aa — fiokit.

Teks normal: AA ✓ · AAA ✗

Teks besar: setidaknya 24 CSS px, atau 18,67 CSS px dalam huruf tebal (14 pt).

Target warna depan yang disarankanLaporan

WCAG 2.2
#155bdf / #ffffff (#ffffff)
5.8433:1
AA Teks normal (SC 1.4.3): PASS — 4.5:1
AA Teks besar (SC 1.4.3): PASS — 3:1
AAA Teks normal (SC 1.4.6): FAIL — 7:1
AAA Teks besar (SC 1.4.6): PASS — 4.5:1
AA Komponen antarmuka dan grafis (SC 1.4.11): PASS — 3:1

Ini memeriksa pasangan warna, bukan kepatuhan WCAG secara menyeluruh. Nilai warna yang berdekatan, status interaksi, dan konten nyata secara terpisah.

W3C — SC 1.4.3 · SC 1.4.6 · SC 1.4.11

Cara kerja

Atur warna depan, latar belakang, dan kanvas tidak transparan. Hasil AA dan AAA diperbarui seketika. Coba ukuran serta ketebalan font, terapkan warna yang disarankan, atau unduh laporan.

Contoh penggunaan

Warna

#155bdf

Pertanyaan umum

Apakah teks saya dikirim ke server?

Tidak. Konten diproses di peramban ini. Konten tidak dikirim ke server atau disimpan.

Apa yang perlu diketahui tentang Pemeriksa Kontras WCAG AA dan AAA?

Menampilkan ambang teks dan nonteks secara terpisah. Pemeriksaan warna ini tidak menyatakan kepatuhan WCAG secara menyeluruh.