Teks di Pemeriksa Latar Belakang

• Analisis Keterbacaan Teks Instan: Teks pada pemeriksa latar belakang memperbarui setiap nilai pada setiap penekanan tombol - tidak ada tombol yang perlu ditekan. Masukkan warna latar depan dan latar belakang apa pun dan dapatkan rasio kontras WCAG, status lulus/gagal AA/AAA, dan pratinjau teks langsung dengan segera. Tukar warna atau coba pasangan preset dengan satu klik.
• Ukuran & Berat Font yang Dapat Disesuaikan: Beralih antara skala teks standar WCAG - teks kecil (normal), teks besar, huruf tebal kecil, dan huruf tebal besar - atau atur ukuran font khusus dari 12 piksel menjadi 48 piksel dan bobot font dari 400 hingga 700. Lihat dengan tepat bagaimana keterbacaan berubah saat Anda menyesuaikan parameter ini, dengan pratinjau teks langsung pada ukuran yang dipilih.
• Perhitungan Sesuai WCAG 2.1: Semua perhitungan kontras menggunakan rumus pencahayaan relatif dan nilai ambang batas resmi WCAG 2.1. Pemeriksa mengevaluasi kepatuhan AA (4,5:1 untuk teks normal, 3:1 untuk teks besar) dan kepatuhan AAA (7:1 untuk teks normal, 4,5:1 untuk teks besar) dengan lencana lulus/gagal yang jelas.
• 100% Gratis - Tidak Perlu Mendaftar: Teks di pemeriksa latar belakang sepenuhnya gratis tanpa pendaftaran, tanpa langganan, dan tanpa batasan penggunaan. Semua penghitungan dijalankan secara lokal di browser Anda - warna dan teks tidak pernah meninggalkan perangkat Anda. Tidak ada iklan yang memblokir antarmuka.

• Kepatuhan Aksesibilitas Web: Pengembang frontend menggunakan teks pada pemeriksa latar belakang untuk memverifikasi bahwa pilihan warna mereka memenuhi persyaratan WCAG AA atau AAA sebelum pengiriman. Uji isi teks, judul, dan label tombol pada ukuran dan bobot font sebenarnya untuk memastikan tidak ada masalah aksesibilitas yang mencapai produksi.
• Validasi Warna Sistem Desain: Pengelola sistem desain menggunakan teks pada pemeriksa latar belakang untuk memvalidasi setiap pasangan warna di perpustakaan token desain mereka. Uji kombinasi primer, sekunder, teks, dan latar belakang pada skala teks yang berbeda untuk memastikan aksesibilitas yang konsisten di seluruh pustaka komponen.
• Audit & Remediasi WCAG: Auditor aksesibilitas menggunakan teks pada pemeriksa latar belakang untuk mendokumentasikan dan memperbaiki kegagalan kontras. Pratinjau langsung dan lencana lulus/gagal memudahkan untuk menunjukkan masalah kepada pemangku kepentingan dan menguji perubahan warna yang diusulkan sebelum menerapkannya.
• Desain Seluler & Responsif: Desainer seluler menggunakan teks pada pemeriksa latar belakang untuk menguji keterbacaan pada berbagai ukuran layar. Teks kecil (14 piksel) pada latar belakang seluler memerlukan rasio kontras 4,5:1 yang lebih tinggi, sedangkan judul besar dengan ukuran 24 piksel dapat menggunakan ambang batas 3:1 - pemeriksa menangani kedua skenario.
• Email & Penerbitan Digital: Perancang email dan penerbit digital menggunakan teks pada pemeriksa latar belakang untuk memastikan buletin dan artikel mereka dapat dibaca. Dengan beragam warna latar belakang dan ukuran teks di seluruh bagian, pemeriksa membantu menjaga aksesibilitas saat menggunakan warna merek.
• Dasbor & Visualisasi Data: Analis data dan perancang dasbor menggunakan teks pada pemeriksa latar belakang untuk memverifikasi bahwa label, legenda, dan anotasi tetap dapat dibaca dengan latar belakang bagan. Mode ukuran font khusus memungkinkan pengujian pada ukuran persis yang digunakan dalam visualisasi data.

Kontras teks pada latar belakang mengukur perbedaan kecerahan yang dirasakan antara teks dan latar belakangnya. WCAG (Pedoman Aksesibilitas Konten Web) mendefinisikan rumus rasio kontras yang mengukur perbedaan ini pada skala dari 1:1 (tanpa kontras, misalnya teks hitam dengan latar belakang hitam) hingga 21:1 (kontras maksimum, misalnya teks hitam dengan latar belakang putih). Rasio minimum yang dapat diterima bergantung pada ukuran teks dan apakah teks tersebut dicetak tebal - teks kami di pemeriksa latar belakang mengevaluasi semua faktor ini secara otomatis.

1. Masukkan warna Anda: Ketik atau pilih warna latar depan (teks) dan warna latar belakang menggunakan masukan warna atau pemilih warna. Semua pemrosesan berjalan secara lokal di browser Anda - warna Anda tidak pernah hilang dari perangkat Anda. Gunakan tombol preset untuk pasangan warna umum atau tombol tukar untuk menukar latar depan dan latar belakang.
2. Memilih ukuran & berat teks: Pilih dari skala teks standar WCAG - Teks Kecil (normal), Teks Besar, Tebal Kecil, atau Tebal Besar - atau beralih ke mode Kustom untuk kontrol ukuran font yang tepat (12px-48px) dan berat (400-700). Pemeriksa secara otomatis menggunakan nilai ambang batas WCAG yang benar berdasarkan pilihan Anda.
3. Baca hasilnya: Rasio kontras ditampilkan secara jelas di bagian atas dengan indikator kualitas berkode warna (sangat baik, baik, sedang, atau buruk). Lencana lulus/gagal untuk WCAG AA dan AAA menunjukkan apakah teks Anda memenuhi persyaratan aksesibilitas. Pratinjau teks langsung memungkinkan Anda melihat dengan tepat tampilan teks Anda pada ukuran dan berat yang dipilih.

• Teks Kecil (Normal): Teks isi, label, dan keterangan di bawah ukuran reguler 18pt (24px), atau tebal di bawah 14pt (18,67px). Memerlukan rasio kontras 4,5:1 untuk kepatuhan AA dan 7:1 untuk kepatuhan AAA. Ini adalah kategori teks paling umum di web.
• Teks Besar: Teks dengan berat biasa minimal 18pt (24px), atau tebal minimal 14pt (18,67px). Judul biasanya memenuhi syarat sebagai teks besar. Membutuhkan rasio kontras 3:1 untuk kepatuhan AA dan 4,5:1 untuk kepatuhan AAA. Teks besar memiliki persyaratan lebih rendah karena lebih mudah dibaca.
• Ukuran Khusus: Pemeriksa menggunakan definisi WCAG untuk menentukan ambang batas mana yang berlaku. Jika kombinasi ukuran dan berat font khusus Anda memenuhi definisi teks besar (24 piksel biasa atau 18,67 piksel tebal), ambang batas teks besar yang lebih lunak akan digunakan secara otomatis.

Mulailah dengan kontras tinggi: Teks hitam dengan latar belakang putih (21:1) adalah kombinasi yang paling mudah dibaca. Meskipun warna merek itu penting, selalu ujilah warna tersebut dengan latar belakang Anda. Kesalahan umum adalah menggunakan teks abu-abu terang pada latar belakang putih - bahkan abu-abu sedang (#767676) pada putih hanya mencapai rasio 4,0:1, yang gagal memenuhi persyaratan AA 4,5:1 untuk teks normal.

Pertimbangkan ukuran teks saat memilih warna: Anda dapat menggunakan rasio kontras yang lebih rendah untuk judul besar (minimum 3:1 AA) sambil mempertahankan kontras yang lebih tinggi untuk teks isi (minimum 4,5:1 AA). Hal ini memungkinkan lebih banyak fleksibilitas desain untuk teks tampilan sekaligus menjaga konten utama tetap dapat diakses. Selalu berikan warna teks yang disarankan dengan rekomendasi hitam/putih pemeriksa bila warna latar belakang terlalu terang atau gelap.

Uji dengan konten nyata: Gunakan pratinjau teks yang dapat diedit untuk menguji dengan salinan Anda yang sebenarnya. Pemeriksa memungkinkan Anda mengetik teks apa pun dan melihatnya ditampilkan pada ukuran dan berat yang dipilih, memberi Anda gambaran sebenarnya tentang tampilan konten Anda bagi pengguna.