Pemeriksa kontras warna teks
Bandingkan warna teks sRGB dengan garis-garis kontras WCAG bulat.
Data Anda
Hasil Anda
Siap kapan pun Anda butuhkanHasil Anda akan muncul di sini.
Cara kerja
Perhitungkan inflasi WCAG sRGB relatif dan bandingkan rasio kontras bulat dengan batas teks normal dan besar. Sebuah pratinjau biasa dan laporan teks mempertahankan warna yang diberikan tanpa mengubah palet website.
Beberapa hal yang perlu diketahui
Opaque 3/6-digit sRGB hex saja. Tidak ada alfa, gradien, warna wide-gamut, citra, antialias yang diberikan atau tidak-teks kontras pengujian. WCAG memiliki pengecualian; pasangan warna yang lewat tidak memiliki akses terhadap suatu halaman.
Kapan memakai alat ini
Perbedaan teks tergantung pada perbedaan dalam cahaya relatif antara latar depan dan latar belakang, tidak hanya apakah dua warna terlihat berbeda. Supply two opque sRGB hex colors to see their razeur and separate normal- and large- text threshold results. Decisions memakai nilai yang tidak dibulatkan, karena pembulatan dapat memindah nilai batas dekat di ambang batas yang ditampilkan. Pratinjau menggambarkan pasangan yang diberikan tanpa mengubah palet situs ini. Pasangan yang lewat tidak membangun aksesibilitas halaman: ukuran teks yang sebenarnya, berat badan, pengecualian dan latar belakang yang diberikan masih perlu ditinjau kembali.
- Periksa pasangan teks yang diusulkan dan latar belakang solid-.
- Selidiki rasio dekat dengan ambang pintu AA.
- Simpan laporan warna pendek-pasangan untuk tinjauan desain.
Bagaimana menggunakan pemeriksa kontras warna teks
Masukkan dua warna hex buram
Gunakan # RGB atau # RGGBB untuk teks dan latar belakang. Nilai transparansi dan wide-gamut tidak didukung.
Ulas teks normal dan besar secara terpisah
Baca rasio, AA dan hasil AAA. Terapkan status large- teks hanya ketika ukuran sebenarnya dan berat memenuhi definisi.
Inspeksi pratinjau dan laporan
Gunakan pratinjau sebagai ilustrasi dan unduh laporan teks. Periksa latar belakang halaman yang sebenarnya, perawatan fonta dan pengecualian yang bisa diterapkan secara terpisah.
Teks hitam pada putih
Masukan
Teks # 000000, latar belakang # ffinez.
Hasil
Perbandingannya adalah 21:1 dan memenuhi batas AA / AAA yang normal dan besar.
Apa artinya
Ini memverifikasi pasangan yang diberikan; tidak memeriksa tata letak, interaksi, indikator fokus atau seluruh situs web.
Kesalahan umum untuk dihindari
Membandingkan rasio bulat
Nomor bulat yang ditampilkan dapat mengaburkan kegagalan tepat di bawah ambang batas. Keputusan menggunakan rasio yang mendasarinya.
Memanggil setiap teks besar
Teks aktual harus memenuhi definisi ukuran / berat badan. Sebuah tag pos semantik saja tidak memenuhi syarat.
Mengabaikan latar belakang sebenarnya
gradien, image atau translucent layer dapat membuat pasangan yang berbeda dari warna padat yang dimasukan.
Pertanyaan yang sering ditanyakan
Definisi, kasus tepi, dan praktis langkah berikutnya untuk alat ini. Cari semua alat FAQs
Format warna mana yang didukung?
Opaque tiga-atau enam digit sRGB hex dengan memimpin #. Nilai pendek diperluas. Alpha, bernama warna, gradien dan wide- gamut nilai tidak diterima.
Apa itu AA normal?
Untuk pasangan yang diberikan, rasio teruji minimum adalah 4.5:1. Tinjau pengecualian kriteria dan konteks teks yang sebenarnya secara terpisah.
Apa yang memenuhi syarat sebagai teks besar?
Setidaknya 18 poin, setara dengan 24 piksel CSS, atau tebal setidaknya 14 poin, sekitar 18.67 piksel CSS. Label dalam alat ini tidak mengubah teks yang Anda tulis.
Mengapa 4.5 ditampilkan di dekat batas masih gagal?
Klasifikasi menggunakan rasio bulat. Sebuah nilai tepat di bawah 4.5 tidak memenuhi ambang batas itu bahkan jika tampilan singkat putaran ke atas.
Apa itu ambang AAA?
Cek yang ditampilkan menggunakan 7:1 untuk teks normal dan 4.5:1 bagi teks besar. Ini adalah hasil warna-pasangan, bukan keseluruhan penilaian konformance.
Apakah membalikkan latar depan dan latar belakang mengubah rasio?
Tidak. Rasio dibandingkan lebih ringan dan lebih gelap luminansi simetris. Efek visual dan membaca konteks masih bisa berbeda.
Dapatkah pengujian tombol, ikon atau indikator fokus?
Alat ini menjelaskan kontras teks. Kriteria dan interaksi non-teks menyatakan memerlukan ulasan mereka sendiri daripada kesimpulan selimut dari hasil teks.
Apakah hasil yang lewat berarti website dapat diakses?
Tidak. Konten, akses keyboard, struktur, label, fokus, gerak dan banyak persyaratan lainnya tidak diperiksa oleh perhitungan dua warna.
Sumber dan metode
Gunakan referensi di bawah ini untuk memeriksa definisi dan panduan platform. Ruang lingkup dan batas model dijelaskan di atas. Baca standar editorial kami.