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

Pemeriksa Kontras

Pemeriksa kontras warna WCAG untuk mengira nisbah kontras teks.

Warna Latar Depan

Sila masukkan triplet hex yang sah , atau gunakan pemilih warna.

Warna Latar Belakang

Sila masukkan triplet hex yang sah , atau gunakan pemilih warna.

Nisbah Kontras 21:1

Teks Biasa

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks biasa - 16px

Teks Besar

WCAG AA: Pass

WCAG AAA: Pass

Contoh teks besar 18pt/24px

Objek Grafik dan Komponen Antara Muka Pengguna

WCAG AA:  Pass

image/svg+xml
  • Hitung nisbah kontras untuk saiz teks biasa.
  • Kira nisbah kontras untuk saiz teks yang besar.
  • Kirakan nisbah kontras untuk Komponen Antara Muka Pengguna.
  • Pilih warna dari pemilih warna
  • Sediakan Lightness warna

Cara menggunakan Pemeriksa Kontras

  • Pilih Warna Latar Belakang
  • Pilih Warna Latar Depan
  • Laraskan Ringan jika perlu
  • Semak audit untuk teks biasa dan besar

FAQ

Bagaimanakah pemeriksa kontras berfungsi?

Anda perlu menilai warna teks dan latar belakang. Menurut garis panduan WCAG 2.1, ini adalah: Teks besar - Teks dengan saiz minimum 18px memerlukan nisbah kontras 3:1; Teks kecil - Teks dengan saiz kurang daripada 18px memerlukan nisbah kontras 4. 5:1.

Mengapa laman web saya mempunyai kontras warna yang mencukupi?

Teks pada latar belakang dengan nisbah kontras yang rendah sering sukar dibaca. Ini bukan sahaja memberi kesan negatif kepada mereka yang mempunyai masalah penglihatan, ia sebenarnya menyusahkan semua pengguna. Salah satu contohnya ialah membaca teks pada telefon bimbit di luar pada hari yang cerah.

Apakah maksud kebolehcapaian laman web?

Laman web yang boleh diakses adalah laman web yang direka supaya orang yang mengalami masalah penglihatan atau pendengaran dapat menggunakannya tanpa sekatan. Sebagai contoh, ini memastikan bahawa semua elemen tapak mempunyai kontras warna yang mencukupi, iaitu. warna teks agak berbeza dari warna latar belakang.

Adakah imej dan video perlu mematuhi keperluan kontras warna WCAG?

Komponen grafik dan antara muka tertentu memerlukan nisbah kontras sekurang-kurangnya 3:1. Walau bagaimanapun, ini tidak termasuk logo, imej hiasan, atau fail media umum.

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