Site search
Language
Coba SEO Tools
Site search hamburger-menu icon
Pilih bahasa
English
Čeština
Dansk
Deutsch
Eestlane
Español
Français
Hrvatski
Italiano
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Slovenský
Suomalainen
Svenska
Tiếng Việt
Türkçe
Ελληνικά
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

Pemeriksa Kontras

Pemeriksa kontras warna WCAG untuk menghitung rasio kontras teks.

Warna Latar Depan

Silakan masukkan hex triplet yang valid , atau gunakan pemilih warna.

Warna Latar Belakang

Silakan masukkan hex triplet yang valid , atau gunakan pemilih warna.

Rasio Kontras 21:1

Teks Normal

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks normal - 16px

Teks Besar

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks besar 18pt/24px

Objek Grafis dan Komponen Antarmuka Pengguna

WCAG AA:  Pass

image/svg+xml
  • Hitung rasio kontras untuk ukuran teks normal.
  • Hitung rasio kontras untuk ukuran teks besar.
  • Hitung rasio kontras untuk Komponen Antarmuka Pengguna.
  • Pilih warna dari color picker
  • Mengatur Lightness warna

Cara menggunakan Contrast Checker

  • Pilih Warna Latar Belakang
  • Pilih Warna Latar Depan
  • Sesuaikan Lightness jika perlu
  • Periksa audit untuk teks normal dan besar

FAQ

Bagaimana cara kerja pemeriksa kontras?

Anda perlu mengevaluasi warna teks dan latar belakang. Menurut pedoman WCAG 2.1, ini adalah: Teks besar - Teks dengan ukuran minimum 18px membutuhkan rasio kontras 3:1; Teks kecil - Teks dengan ukuran kurang dari 18px membutuhkan rasio kontras 4.5:1.

Mengapa situs web saya memiliki kontras warna yang cukup?

Teks pada latar belakang dengan rasio kontras rendah seringkali sulit dibaca. Hal ini tidak hanya berdampak negatif bagi mereka yang memiliki gangguan penglihatan, namun justru merepotkan semua pengguna. Salah satu contohnya adalah membaca teks di ponsel di luar pada hari yang cerah.

Apa arti aksesibilitas situs web?

Situs web yang dapat diakses adalah situs web yang dirancang agar orang-orang dengan gangguan penglihatan atau pendengaran dapat menggunakannya tanpa batasan. Misalnya, ini memastikan bahwa semua elemen situs memiliki kontras warna yang cukup, yaitu warna teks sangat berbeda dari warna latar belakang.

Apakah gambar dan video harus mematuhi persyaratan kontras warna WCAG?

Komponen grafis dan antarmuka tertentu memerlukan rasio kontras minimal 3:1. Namun, ini tidak termasuk logo, gambar dekoratif, atau file media umum.

© Smallize Pty Ltd 2022-2024. All Rights Reserved.