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
- Cari teks berkontras rendah dan catat warna teks serta warna latar belakangnya: penyemak kontras atau alat pembangun pelayar anda menunjukkan kedua-duanya.
- 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).
- Beri perhatian khusus kepada lencana jualan, teks pemegang tempat, pautan kaki halaman dan butang di atas imej.
Di Shopify
- Cari teks berkontras rendah dan catat warna teks serta warna latar belakangnya: penyemak kontras atau alat pembangun pelayar anda menunjukkan kedua-duanya.
- 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.
- 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.
Cara FixReports menemuinya
Imbasan kami menjalankan peraturan axe-core color-contrast dalam pelayar Chrome sebenar pada setiap halaman yang diujinya, dan melaporkan setiap elemen yang gagal berserta halamannya, markupnya dan, jika berkenaan, tangkapan skrin.
Ujian automatik mengesahkan bahawa masalah khusus ini wujud. Ia tidak dapat menentukan sama ada bahagian lain halaman itu boleh diakses: sesetengah halangan hanya kelihatan apabila seseorang menyemak halaman itu.