Pemeriksa Aksesibilitas Warna + Ukuran Font
Dapatkan hasil lulus/gagal WCAG yang pasti untuk pengaturan font Anda yang tepat. Masukkan warna depan dan latar belakang, lalu atur ukuran dan ketebalan font - alat ini otomatis menerapkan ambang WCAG yang benar (teks besar ≥18 pt / ≥14 pt tebal butuh 3:1, teks normal butuh 4,5:1). Pratinjau langsung menunjukkan persis bagaimana teks Anda akan terlihat. Sepenuhnya privat, 100% gratis, dan tanpa pendaftaran.
Color Presets
#000000 · rgb(0, 0, 0)
#FFFFFF · rgb(255, 255, 255)
Font Settings
Quick Font Presets
Live Preview
The quick brown fox jumps over the lazy dog. Accessibility matters for everyone.
16px / weight 400 - Normal text (WCAG)
21.00:1
Excellent contrast · Passes WCAG AAA (normal text requires 7:1). Excellent contrast.
WCAG normal text threshold applies. Suggested text color for this background: #ffffff
Mengapa Menggunakan Pemeriksa Aksesibilitas Warna + Ukuran Font Kami?
- Sadar Ukuran & Ketebalan Font: Berbeda dari pemeriksa kontras dasar, alat ini memperhitungkan ukuran dan ketebalan font Anda yang tepat untuk menentukan ambang WCAG yang benar. Teks besar (≥18 pt atau ≥14 pt tebal) hanya butuh 3:1 untuk AA, sedangkan teks normal butuh 4,5:1 - alat menangani ini otomatis.
- Hasil Lulus/Gagal WCAG Instan: Lihat hasil lulus/gagal yang pasti untuk WCAG AA dan AAA pada setiap perubahan masukan. Pengukur kontras memvisualisasikan posisi rasio Anda terhadap ambang WCAG, dan pratinjau teks langsung menunjukkan persis bagaimana teks Anda akan terlihat pada ukuran dan ketebalan yang ditentukan.
- 100% Privat - Tanpa Unggah: Semua perhitungan kontras berjalan lokal di browser Anda menggunakan rumus luminansi relatif resmi WCAG 2.1. Nilai warna dan pengaturan teks Anda tidak pernah meninggalkan perangkat.
- Gratis & Tanpa Batas: Periksa kombinasi warna dan pengaturan font tanpa batas tanpa pendaftaran, langganan, dan batas penggunaan. Pemeriksa aksesibilitas ukuran font sepenuhnya gratis selamanya, tanpa iklan yang menghalangi antarmuka.
Apa itu Pemeriksa Aksesibilitas Warna + Ukuran Font?
Pemeriksa Aksesibilitas Warna + Ukuran Font adalah alat evaluasi kontras WCAG gabungan yang memperhitungkan bukan hanya warna depan dan latar belakang, tetapi juga ukuran dan ketebalan font teks Anda. WCAG 2.1 menetapkan persyaratan kontras berbeda untuk teks normal dan teks besar: teks besar (≥18 pt reguler atau ≥14 pt tebal) hanya butuh rasio 3:1 untuk kepatuhan AA, sedangkan teks normal butuh 4,5:1. Alat ini secara otomatis menentukan ambang mana yang berlaku berdasarkan pengaturan font Anda yang tepat, memberi Anda hasil lulus/gagal yang tepat dan pasti untuk kasus spesifik Anda.
Cara Kerja Pemeriksa Aksesibilitas Ukuran Font Kami
- Masukkan warna Anda: ketik atau tempelkan nilai HEX atau RGB untuk warna depan (teks) dan latar belakang. Anda juga dapat menggunakan pemilih warna bawaan atau memilih dari kombinasi warna praset untuk mulai dengan cepat.
- Atur ukuran dan ketebalan font: sesuaikan penggeser ukuran font (8-72 px) dan pilih ketebalan font pada tombol. Gunakan praset font cepat untuk ukuran umum seperti teks isi (16 px), judul (28 px), atau keterangan (11 px).
- Dapatkan hasil yang pasti: alat menghitung rasio kontras WCAG dan otomatis menerapkan ambang yang benar berdasarkan pengaturan font Anda. Pratinjau langsung menunjukkan persis bagaimana teks Anda akan terlihat, dan lencana lulus/gagal memberi status kepatuhan AA dan AAA yang jelas.
Teks Besar vs Teks Normal di WCAG
- Teks normal (<18 pt reguler / <14 pt tebal): Memerlukan rasio kontras minimal 4,5:1 untuk WCAG AA dan 7:1 untuk WCAG AAA. Teks isi, label, keterangan, dan sebagian besar teks antarmuka masuk kategori ini.
- Teks besar (≥18 pt / 24 px reguler atau ≥14 pt / 18,67 px tebal): Memerlukan rasio kontras minimal 3:1 untuk WCAG AA dan 4,5:1 untuk WCAG AAA. Judul, sorotan besar, dan tipografi display biasanya memenuhi syarat sebagai teks besar.
- Mengapa bedanya? Teks lebih besar memiliki goresan lebih tebal dan lebih banyak area permukaan, sehingga lebih mudah dibaca bahkan pada rasio kontras lebih rendah. WCAG memperhitungkan ini dengan menetapkan ambang lebih rendah untuk teks besar.
Keterbatasan Penting
Pemeriksa aksesibilitas ukuran font mengevaluasi rasio kontras terhadap ambang matematis WCAG 2.1. Lulus pemeriksaan rasio kontras tidak menjamin aksesibilitas penuh - kepatuhan WCAG juga memerlukan HTML semantik yang benar, navigasi keyboard, kompatibilitas pembaca layar, pengelolaan fokus, dan faktor lain di luar warna. Selain itu, rumus kontras WCAG tidak memperhitungkan semua jenis defisiensi penglihatan warna. Validasi aksesibilitas penuh memerlukan pengujian manual dengan teknologi bantu dan tinjauan ahli aksesibilitas. Selalu uji desain Anda dengan pengguna nyata dan teknologi bantu sebagai bagian dari alur kerja aksesibilitas Anda.
Pertanyaan yang Sering Diajukan
Pemeriksa aksesibilitas warna + ukuran font menggabungkan perhitungan rasio kontras WCAG dengan evaluasi ukuran dan ketebalan font. Alih-alih mengasumsikan semua teks butuh 4,5:1, alat ini memperhitungkan apakah teks Anda memenuhi syarat sebagai «teks besar» (≥18 pt reguler atau ≥14 pt tebal) menurut WCAG 2.1, yang hanya butuh 3:1 untuk AA. Ini memberi Anda hasil lulus/gagal yang tepat untuk gaya teks Anda yang spesifik.
WCAG 2.1 mendefinisikan teks besar sebagai minimal 18 poin (24 px) pada ketebalan reguler, atau minimal 14 poin (sekitar 18,67 px) pada ketebalan tebal. Pemeriksa aksesibilitas ukuran font otomatis menerapkan ambang ini berdasarkan masukan ukuran dan ketebalan font Anda - tidak perlu mencari aturannya secara manual.
Teks lebih besar memiliki goresan lebih tebal dan menempati lebih banyak area visual, sehingga lebih mudah dibaca bahkan pada rasio kontras lebih rendah. WCAG memperhitungkan ini dengan menetapkan ambang lebih rendah - 3:1 untuk teks besar AA alih-alih 4,5:1. Karena itulah judul terkadang bisa lulus AA dengan warna yang akan gagal untuk teks isi.
Alat ini menghitungnya otomatis. Teks normal (di bawah ambang teks besar) butuh 4,5:1 untuk AA dan 7:1 untuk AAA. Teks besar (pada atau di atas ambang) butuh 3:1 untuk AA dan 4,5:1 untuk AAA. Cukup masukkan ukuran dan ketebalan font, dan alat menunjukkan rasio yang dibutuhkan dengan benar.
Tentu saja. Semua perhitungan kontras berjalan 100% di sisi klien pada browser Anda menggunakan rumus luminansi relatif resmi WCAG 2.1. Tidak ada data warna, pengaturan font, atau informasi lain yang pernah dikirim ke server mana pun.
Ya. Alat ini 100% gratis tanpa pendaftaran, tanpa fitur premium, dan tanpa batas penggunaan. Periksa kombinasi warna dan font tanpa batas tanpa batasan apa pun.
Alat ini mendukung warna HEX (#RGB, #RRGGBB, #RRGGBBAA) dan nilai RGB/RGBA (rgb(r,g,b) dan rgba(r,g,b,a)). Anda juga dapat menggunakan pemilih warna bawaan untuk memilih warna secara visual. Alat menampilkan ekuivalen HEX dan RGB dari warna yang dipilih.
Tidak. Lulus pemeriksaan rasio kontras adalah salah satu persyaratan penting kepatuhan WCAG, tetapi aksesibilitas penuh juga memerlukan HTML semantik yang benar, navigasi keyboard, kompatibilitas pembaca layar, pengelolaan fokus, warna yang memadai di luar kontras (misalnya tidak hanya mengandalkan warna untuk menyampaikan informasi), dan banyak faktor lain. Pemeriksa aksesibilitas adalah alat awal yang berguna, tetapi validasi WCAG penuh memerlukan pengujian manual dengan teknologi bantu.