# Elemen mesti memenuhi ambang minimum nisbah kontras warna

<https://www.fixreports.com/ms/issues/color-contrast>

WCAG 1.4.3 Contrast (Minimum) · Tahap AA

Sesetengah teks tidak cukup menonjol daripada latar belakangnya untuk dibaca oleh orang yang mempunyai penglihatan terhad.

## Apa yang disemak oleh peraturan ini
Pastikan kontras antara warna latar depan dan latar belakang memenuhi ambang minimum nisbah kontras WCAG 2 AA.

## Mengapa ia penting
WCAG 1.4.3 menetapkan nisbah kontras sekurang-kurangnya 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. Harga, lencana dan sepanduk yang pudar sukar dibaca oleh orang yang mempunyai penglihatan terhad, dan oleh semua orang dalam cahaya terang.

## Cara membaikinya
### Di mana-mana laman web
1. Cari teks berkontras rendah dan catat warna teks serta warna latar belakangnya: penyemak kontras atau alat pembangun pelayar anda menunjukkan kedua-duanya.
2. Kemas kini warna teks atau latar belakang dalam CSS tema anda sehingga nisbahnya sekurang-kurangnya 4.5:1 (3:1 untuk teks 24px dan lebih besar, atau 18.66px tebal).
3. Beri perhatian khusus kepada lencana jualan, teks pemegang tempat, pautan kaki halaman dan butang di atas imej.

### Di Shopify
1. Cari teks berkontras rendah dan catat warna teks serta warna latar belakangnya: penyemak kontras atau alat pembangun pelayar anda menunjukkan kedua-duanya.
2. Dalam Kedai Dalam Talian > Tema > Sesuaikan > Tetapan tema > Warna, gelapkan warna teks atau cerahkan latar belakang bagi skema warna yang terjejas sehingga nisbahnya sekurang-kurangnya 4.5:1.
3. Beri perhatian khusus kepada lencana jualan, teks pemegang tempat, pautan kaki halaman dan butang di atas imej.

### Di WooCommerce dan WordPress
1. Cari teks berkontras rendah dan catat warna teks serta warna latar belakangnya: penyemak kontras atau alat pembangun pelayar anda menunjukkan kedua-duanya.
2. Kemas kini warna teks atau latar belakang dalam CSS tema anda sehingga nisbahnya sekurang-kurangnya 4.5:1 (3:1 untuk teks 24px dan lebih besar, atau 18.66px tebal).
3. Beri perhatian khusus kepada lencana jualan, teks pemegang tempat, pautan kaki halaman dan butang di atas imej.

## Cara menyemak pembaikan
- Jalankan semula imbasan dan sahkan bahawa color-contrast tidak lagi muncul.
- Buat semakan rawak dengan penyemak kontras pada warna yang tepat.

## Sumber
- Dokumentasi peraturan axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- Memahami WCAG 1.4.3 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum