Web Erişilebilirlik İçin İnternet Yönergeleri (WCAG), kullanıcıların web sayfalarına kolayca erişebilmelerini ve anlayabilmelerini sağlamak amacıyla oluşturulan bir rehberlik setidir. Kontrast kuralları, bir web sitesinin metin ve arka plan renkleri arasındaki kontrastın yeterli olup olmadığını belirleyen önemli bir erişilebilirlik kriteridir.

WCAG 2.0'ye göre, metin ve arka plan renkleri arasındaki kontrast, en az 4.5:1 oranında olmalıdır. Ancak, bu genel kural, bazı durumlarda farklılık gösterir. Örneğin, büyük metin (18 piksel veya 14 piksel kalın) için bu oran 3:1 olabilir. Ayrıca, metin içindeki bağlantılar veya düğmeler gibi etkileşimli öğeler, diğer metinlere göre daha yüksek bir kontrast oranına (en az 3:1) sahip olmalıdır.

WCAG 2.1 ise bazı özel durumları daha detaylı bir şekilde ele alarak, metin ve arka plan renkleri arasındaki kontrastı sağlamak için ek kurallar içerir. Örneğin, görsel içerikte metin bulunan bir resimde kontrast, çevresindeki arka planla değil, resmin kendisiyle değerlendirilir.

Bu kontrast kuralları, kullanıcıların düşük görme yeteneğine sahip veya renk körü kullanıcılar dahil olmak üzere birçok farklı kullanıcı grubunun web sayfalarındaki metni daha iyi görebilmesini sağlamayı amaçlar. Erişilebilirlik standartlarına uygun bir kontrast kullanımı, geniş bir kullanıcı kitlesine hitap eden daha etkili ve kullanıcı dostu bir web deneyimi sunar.

 

WCAG 2.0 Seviye AA

Bu seviye, normal metin için en az 4,5:1 ve büyük metin için 3:1 kontrast oranı gerektirir.

 

WCAG 2.1/2.2 Seviye AA

Bu seviye, grafikler ve kullanıcı arayüzü bileşenleri için en az 3:1 kontrast oranı gerektirir.

 

WCAG Seviye AAA

Bu seviye, normal metin için en az 7:1 ve büyük metin için 4,5:1 kontrast oranı gerektirir.

 

Web sitenizdeki kontrast durumunu analiz etmek için WebAIM Contrast Checker ı kullabailirsiniz.

 

Yukarıdaki ekran görüntüsünde görebileceğiniz üzere, normal ve geniş kullanım metin içeriklerin yanında grafik objeleri için de kontrast