Link Contrast Checker

Periksa kontras warna link, teks body, dan background sesuai standar aksesibilitas WCAG - pastikan link dapat dibedakan tanpa bergantung pada warna semata.

Warna Link

Warna Teks Body

Warna Background

Link

Teks

Background

Link menggunakan garis bawah (underline) secara default Jika dinonaktifkan, link wajib memiliki kontras ≥ 3:1 terhadap teks body di sekitarnya, dan harus menampilkan indikator non-warna saat hover/focus (WCAG 2 SC 1.4.1).

Rekomendasi Warna Link

Klik warna di bawah untuk menerapkannya sebagai warna link. Semua warna telah memenuhi standar WCAG berdasarkan background dan teks body yang dipilih saat ini.

Tidak ada rekomendasi tersedia. Coba ubah warna background atau teks body terlebih dahulu.

Link vs Teks Body

—:1

Diperlukan ≥ 3:1 (WCAG A)

—

Link vs Background

—:1

Diperlukan ≥ 4.5:1 (WCAG AA)

—

Teks vs Background

—:1

Diperlukan ≥ 4.5:1 (WCAG AA)

—

Live Link Preview

Contoh heading dengan link di sini

Ini adalah paragraf teks body biasa. Terdapat sebuah tautan contoh di sini yang muncul di tengah kalimat. Pastikan link dapat dibedakan dari teks biasa dan terbaca jelas oleh semua pengguna.

Teks kecil (14px) — tautan berukuran kecil seperti link ini juga memerlukan kontras yang cukup agar tetap terbaca oleh semua pengguna.

Link Luminance

—

Text Luminance

—

BG Luminance

—

Status Keseluruhan

—