🌗 Renk Kontrast Kontrolü (WCAG AA / AAA)
Tarayıcınızda metin ve arka plan rengi çiftinin WCAG 2.x AA veya AAA erişilebilirlik standartlarını karşılayıp karşılamadığını anında kontrol edin — ücretsiz, hiçbir veri cihazınızdan çıkmaz. Herhangi bir HEX rengini seçin veya yazın, kontrast oranını görün ve normal metin, büyük metin ve her iki uyumluluk seviyesi için açık geçerli/bozuk etiketlerini alın.
Tasarım gereği gizli. Bu araç, tarayıcınızda tamamen çalışır — girdiğiniz hiçbir şey yüklenmez ya da saklanmaz ve çevrimdışı da çalışır.
Hakkında
WCAG (Web İçeriği Erişilebilirlik Kılavuzu) kontrast oranı formülü, her renk için IEC 61966-2-1 sRGB standardını kullanarak göreceli aydınlık hesaplar, ardından bir rengin diğerine göre ne kadar daha parlak olduğunu hesaplar. 4.5:1 veya daha yüksek bir oran normal metin (16 px) için AA'ya, 7:1 veya daha yüksek bir oran ise AAA'ya uygundur. Büyük metin (24 px veya 18.67 px kalın) için eşikler gevşemiştir: AA için 3:1 ve AAA için 4.5:1. Bu araç, tamamen tarayıcınızda WCAG 2.x algoritmasını çalıştırır — sunucu veya hesap yok. Sonuçlar yerel olarak saklanır, bu yüzden döndüğünüzde son renk çiftiniz hemen hazır olur.
Nasıl kullanılır
- Renk seçiciyi kullanarak metin renginizi seçin veya Metin rengi alanına bir heksadesimal kod (örneğin #1a2b3c) yazın.
- Aynı şekilde Arka plan rengi alanına arka plan renginizi seçin. İki rengi hızlıca değiştirmek için Swap (Değiştir) butonunu kullanın.
- Büyük yazıyla görüntülenen kontrast oranını okuyun ve dört geçerme/bozulma pankartını kontrol edin: AA ve AAA, hem normal hem de büyük metin için.
- Son tasarımınızı onaylamadan önce Live Preview (Canlı Önizleme) bölümünde seçtiğiniz arka plan üzerinde metnin nasıl görüneceğini önizleyin.
SSS
- Bu WCAG kontrast kontrolü ücretsiz mi?
- Evet, tamamen ücretsiz, kayıt gerekmez, ödeme duvarı yok ve kullanım sınırlaması yok. Sayfayı açın ve hemen renkleri kontrol etmeye başlayın.
- İnternet bağlantısı olmadan veya çevrimdışı çalışır mı?
- Evet. Tüm hesaplamalar JavaScript kullanarak tarayıcınızda tamamen yapılır. Sayfa yüklendikten sonra internet bağlantınızı kesin, araç hala çalışır. Herhangi bir sunucuya veri gönderilmez.
- Renk verilerim özel mi? Herhangi bir şey yükleniyor mu?
- Renkleriniz tarayıcınızdan çıkmaz. Girdiğiniz renkler hakkında analiz yapmadık, yükleme yok, üçüncü taraf paylaşımı yok. Son renk çiftiniz yalnızca tarayıcınızın localStorage'ında saklanır.
- WCAG AA ve AAA arasındaki fark nedir?
- AA, çoğu düzen (örneğin ADA, EN 301 549) tarafından gerekli olan minimum standarttır. Normal metin için 4.5:1 oranına, büyük metin (24 px veya kalın 18.67 px) için 3:1 oranına ihtiyaç vardır. AAA, erişilebilirlik için geliştirilmiş bir standarttır: normal metin için 7:1, büyük metin için 4.5:1. Tüm üretim tasarımlarınızda en az AA hedefleyin.
- 3 haneli heksadesimal kısaltma (örneğin #fff) kullanarak renkleri kontrol edebilir miyim?
- Evet. Araç hem 3 haneli kısaltma (#rgb) hem de tam 6 haneli (#rrggbb) heksadesimal kodları kabul eder. Renklerinizi yazın veya yapıştırın ve kontrolcü otomatik olarak genişletir ve doğrular.
- Bu araç, verilerimi yükler mi?
- Hayır. Her şey tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla çıkmaz — sayfa yüklendikten sonra bile çevrimdışı çalışır.