# Öğeler asgari renk kontrastı oranı eşiklerini karşılamalıdır

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

WCAG 1.4.3 Contrast (Minimum) · Seviye AA

Bazı metinler, az gören kişilerin okuyabileceği kadar arka planından ayrışmıyor.

## Bu kural neyi kontrol eder
Ön plan ve arka plan renkleri arasındaki kontrastın WCAG 2 AA asgari kontrast oranı eşiklerini karşıladığını denetler.

## Neden önemli
WCAG 1.4.3, normal metin için en az 4.5:1, büyük metin için en az 3:1 kontrast oranı ister. Soluk fiyatlar, rozetler ve banner’lar az gören kişiler için ve parlak ışıkta herkes için zor okunur.

## Nasıl düzeltilir
### Her web sitesinde
1. Düşük kontrastlı metni bulun ve metin ile arka plan renklerini not edin: bir kontrast kontrol aracı veya tarayıcınızın geliştirici araçları ikisini de gösterir.
2. Temanızın CSS’inde metin veya arka plan rengini, oran en az 4.5:1 olana kadar güncelleyin (24px ve daha büyük metinlerde ya da 18,66px kalın metinlerde 3:1).
3. İndirim rozetlerine, yer tutucu metinlere, alt bilgi bağlantılarına ve görsellerin üzerindeki butonlara özellikle dikkat edin.

### Shopify’da
1. Düşük kontrastlı metni bulun ve metin ile arka plan renklerini not edin: bir kontrast kontrol aracı veya tarayıcınızın geliştirici araçları ikisini de gösterir.
2. Online Mağaza > Temalar > Özelleştir > Tema ayarları > Renkler bölümünde, etkilenen renk şeması için oran en az 4.5:1 olana kadar metin rengini koyulaştırın veya arka planı açın.
3. İndirim rozetlerine, yer tutucu metinlere, alt bilgi bağlantılarına ve görsellerin üzerindeki butonlara özellikle dikkat edin.

### WooCommerce ve WordPress’te
1. Düşük kontrastlı metni bulun ve metin ile arka plan renklerini not edin: bir kontrast kontrol aracı veya tarayıcınızın geliştirici araçları ikisini de gösterir.
2. Temanızın CSS’inde metin veya arka plan rengini, oran en az 4.5:1 olana kadar güncelleyin (24px ve daha büyük metinlerde ya da 18,66px kalın metinlerde 3:1).
3. İndirim rozetlerine, yer tutucu metinlere, alt bilgi bağlantılarına ve görsellerin üzerindeki butonlara özellikle dikkat edin.

## Düzeltme nasıl kontrol edilir
- Taramayı yeniden çalıştırın ve color-contrast kuralının artık görünmediğini doğrulayın.
- Tam renk değerleriyle bir kontrast kontrol aracında örnek kontrol yapın.

## Kaynaklar
- axe-core kural dokümantasyonu (Deque): https://dequeuniversity.com/rules/axe/4.13/color-contrast
- WCAG 1.4.3 açıklaması (W3C): https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum