WCAG Renk Kontrastı Nedir ve Web Tasarımında Neden Gereklidir?
Web İçeriği Erişilebilirlik Kılavuzu (Web Content Accessibility Guidelines - **WCAG**), engelli bireylerin internet sitelerini herhangi bir engel olmadan rahatça kullanabilmesi için W3C tarafından yayınlanan uluslararası bir standartlar bütünüdür. Bu kılavuzdaki en önemli kriterlerden biri **Renk Kontrastı (Color Contrast Ratio)** oranıdır. Görme bozukluğu, renk körlüğü (daltonizm) olan veya yaşlı bireylerin ekrandaki metinleri arka plan renginden kolayca ayırt edebilmesi gerekir. **WCAG Renk Kontrast Kontrolcüsü** ile sitenizdeki renk kodlarının yasal erişilebilirlik limitlerini anında test edebilirsiniz.
WCAG 2.1 AA ve AAA Uyumluluk Seviyeleri Nelerdir?
Erişilebilirlik standartlarında iki ana uyumluluk eşik seviyesi (AA ve AAA) bulunur. Bu seviyelerin metin boyutlarına göre kontrast oranı limitleri şu şekildedir:
- Normal Metin (AA Seviyesi): 18pt (24px) altındaki metinler için minimum kontrast oranı 4.5 : 1 olmalıdır.
- Normal Metin (AAA Seviyesi): En yüksek okunabilirlik seviyesi için normal yazılarda oran minimum 7.0 : 1 olmalıdır.
- Büyük Metin (AA Seviyesi): 18pt (24px) veya 14pt (18.6px) kalın (bold) metinler için minimum oran 3.0 : 1 olması yeterlidir.
- Büyük Metin (AAA Seviyesi): Büyük başlıklarda üst seviye uyumluluk için oran minimum 4.5 : 1 olmalıdır.
Bağıl Parlaklık (Relative Luminance) Nasıl Hesaplanır?
Renk kontrast hesabı sadece renklerin göz kararı uyumuna göre değil, W3C standardındaki bağıl parlaklık (relative luminance) formülüne göre matematiksel olarak hesaplanır. Formül, insan gözünün kırmızı, yeşil ve mavi (RGB) ışığa olan farklı duyarlılığını temel alır. Yeşil ışık parlaklığı en yüksek duyarlılığa sahipken (%71.5), mavi ışık en düşük duyarlılıktadır (%7.2). İki rengin parlaklık oranları karşılaştırılarak kontrast endeksi elde edilir. Kontrast oranı 1:1 (aynı renkler - sıfır okunabilirlik) ile 21:1 (beyaz ve siyah - maksimum kontrast) arasında değişir.