Ada masalah dengan alat ini?

Tentang «Pemeriksa Kontras WCAG Online»

Alat ini mengukur rasio kontras antara dua warna (biasanya teks latar depan dan latar belakang) dan memberi tahu Anda apakah pasangan tersebut memenuhi standar WCAG (Web Content Accessibility Guidelines) untuk keterbacaan. Hasil lulus/gagal ditampilkan untuk tingkat AA dan AAA pada ukuran teks normal dan besar.

Kepatuhan WCAG semakin menjadi persyaratan hukum: situs pemerintah, platform pendidikan, alat sektor publik, dan banyak situs komersial di Eropa dan Amerika Utara harus memenuhi setidaknya WCAG 2.1 AA. Kontras buruk adalah masalah aksesibilitas yang paling umum ditandai.

Gunakan saat memilih warna teks selama desain, mengaudit situs yang ada untuk masalah aksesibilitas, atau menemukan nuansa alternatif yang mencapai AAA tanpa mengubah desain keseluruhan terlalu banyak.

Cara memakai alat ini

Cara memeriksa kontras warna WCAG

  1. Warna foreground

    "Foreground" adalah warna teks atau ikon dalam hex (#RGB atau #RRGGBB). Awalan `#` opsional dan tidak peka huruf besar.

  2. Warna background

    "Background" adalah permukaan di belakang foreground — latar halaman, isi tombol, dsb. Format hex sama. Kedua kolom muncul berdampingan sebagai pasangan.

  3. Tekan Jalankan

    Hasil: contrastRatio (mis. 4,56) plus wcagNormalText dan wcagLargeText dengan pita pass/fail. Teks normal butuh ≥ 4.5 (AA) / 7 (AAA); teks besar ≥ 3 (AA) / 4.5 (AAA).

  4. Cara membaca level

    AA adalah persyaratan legal/standar paling umum; AAA lebih ketat dan sering tidak realistis untuk body text. "Large text" berarti 18pt+ regular atau 14pt+ bold; di bawah itu perlakukan hasilnya sebagai kontras teks normal.

Alat serupa