T

Text Machine

Alat teks andal, di browser Anda

Pemeriksa Aksesibilitas Warna

Masukkan warna teks dan latar belakang (kode hex) untuk memeriksa rasio kontras dan kesesuaian dengan WCAG.

Input Warna
Pratinjau Teks

Ini adalah teks tebal berukuran besar.

Ini adalah teks ukuran normal.

Rasio Kontras

21.00:1

Rasio Kontras

Teks Normal (AA)

AAA

Teks Besar (AA)

18pt+ or 14pt+ bold

AAA

Komponen UI (AA)

Buttons, form controls, etc.

AA
WCAG Accessibility Guidelines

Level AA (minimum required for accessibility compliance):
• Normal Text: Contrast ratio of at least 4.5:1
• Large Text: Contrast ratio of at least 3:1
• UI Components: Contrast ratio of at least 3:1

Level AAA (enhanced accessibility):
• Normal Text: Contrast ratio of at least 7:1
• Large Text: Contrast ratio of at least 4.5:1

Notes:
• "Large Text" is defined as 18pt or 14pt bold and above
• Logos and decorative elements have no minimum contrast requirement
• Text over images or gradients should be evaluated throughout the image

Cara menggunakan Pemeriksa Aksesibilitas Warna

  1. 1

    Masukkan dua warna

    Sediakan warna latar depan (teks) dan warna latar belakang sebagai kode hex, misalnya #1a1a1a dan #ffffff.

  2. 2

    Periksa kontras

    Klik Check Accessibility untuk menghitung rasio kontras antara kedua warna.

  3. 3

    Tinjau hasil WCAG

    Lihat lencana lulus atau gagal untuk AA dan AAA pada level teks normal, teks besar, dan komponen UI, serta lihat pratinjau langsungnya.

  4. 4

    Sesuaikan seperlunya

    Tukar warna atau ubah nilai hex hingga kombinasi memenuhi level WCAG yang dibutuhkan proyek Anda.

Pertanyaan yang sering diajukan

Apa itu rasio kontras dan apa yang dianggap baik?
Rasio kontras mengukur perbedaan luminans antara teks dan latar belakangnya, dari 1:1 hingga 21:1. WCAG mensyaratkan minimal 4,5:1 untuk teks normal dan 3:1 untuk teks besar pada level AA, serta 7:1 dan 4,5:1 pada level AAA yang lebih ketat.
Apa perbedaan antara AA dan AAA?
AA adalah standar yang ditargetkan sebagian besar situs web dan persyaratan hukum, sedangkan AAA adalah level yang lebih tinggi untuk keterbacaan maksimal. Pemeriksa ini menampilkan lulus atau gagal untuk keduanya sehingga Anda dapat memilih standar yang sesuai dengan kebutuhan Anda.
Mengapa teks besar lulus sementara teks normal gagal?
Teks besar, yang didefinisikan kira-kira 18pt atau 14pt tebal ke atas, lebih mudah dibaca, jadi WCAG mengizinkan ambang kontras yang lebih rendah untuknya. Pasangan warna yang sama karenanya dapat memenuhi aturan teks besar sambil gagal pada persyaratan teks normal.
Format warna apa yang harus saya masukkan?
Masukkan warna sebagai kode hex dalam bentuk #RRGGBB atau singkatan #RGB. Alat ini memvalidasi input Anda dan menampilkan pratinjau langsung teks normal dan besar sehingga Anda dapat melihat hasil sesungguhnya.
Apakah pemeriksa ini gratis dan apakah mengirim warna saya ke mana pun?
Alat ini sepenuhnya gratis tanpa perlu mendaftar, dan perhitungan kontras berjalan sepenuhnya di browser Anda, sehingga warna yang Anda uji tidak pernah diunggah ke server.

Alat terkait

Lanjutkan dengan alat praktis ini

Generator Meta Tag

Generator Robots.txt

Open Graph Previewer

Pengenkode/Pendekode Entitas HTML

Penampil Header HTTP

Pemeriksa Rantai Pengalihan URL