AI sunumundaki gri metin okunuyor mu? Kontrastı sayıyla sınayın.

İki gri birbirine benziyor; sınır kararları farklı

Yapay zekânın önerdiği sunumda beyaz zemin üzerine açık gri açıklamalar yerleştirdiniz. Kendi ekranınızda okuyabildiğiniz için renkleri uygun buluyorsunuz. Ancak renk çiftinin kontrastını hesapladığınızda normal metin için seçilen sınırın hemen altında kaldığını görebilirsiniz. Bu yazıda iki yakın griyi sayıyla karşılaştıracağız. Amaç bütün sunumu bir renk oranıyla onaylamak değil, metin ve arka planın oluşturduğu tek özelliği yeniden hesaplanabilir biçimde denetlemektir.

W3C’nin WCAG 2.2 açıklamasında normal metin için en az 4,5:1 kontrast koşulu bulunur; büyük metin için farklı eşik ve belirli istisnalar vardır. Hesaplanan değer eşiğe yuvarlanarak geçirilmez. Burada düz, opak beyaz zemin üzerinde normal boyutlu bilgilendirici metin varsayıyoruz. Logo, dekoratif içerik veya büyük başlık istisnası uygulanmaz. Bu dar seçim, kararın hangi koşula dayandığını açık tutar.Kaynak: W3C — Understanding Contrast Minimum

Renk kodunu ekran görüntüsünden tahmin etmeyin

Hesap için kullanılan kodlar kaynak tasarımdan alınmalıdır. Ekran görüntüsündeki bir harfin kenarından renk örneklemek, yumuşatma nedeniyle asıl metin renginden farklı bir değer verebilir. Saydam metin, gradyan veya fotoğraf arka planı varsa tek beyaz zemin hesabı yeterli olmaz. Bu örnekte böyle değişkenler yoktur; gerçek sunumda varsa ilgili görünüm ayrı incelenir.

A ve B’nin sadece birer kanal basamağı farklı olması, aralarında gözle büyük bir sıçrama beklememek gerektiğini gösterir. Eşik, insan görmesinde ani bir geçiş olduğunu söylemez. Bir standardın belirli kabul çizgisini uygular. Bu yüzden B’nin sınırı az farkla geçmesi herkes için rahat okuma garantisi değildir; daha güçlü kontrast ve uygun yazı boyutu ayrıca değerlendirilebilir.

Parlaklığı bulup oranı kurun

c = kanal / 255. c<=0,04045 ise doğrusal değer c/12,92; değilse ((c+0,055)/1,055)^2,4. L=0,2126R+0,7152G+0,0722B. Kontrast=(açık L+0,05)/(koyu L+0,05). Beyaz L=1. Gri kanallar eşit olduğundan gri L tek doğrusal kanal değerine eşittir.

Bu formül W3C’nin göreli parlaklık tanımına dayanır. Gri örneğinde üç kanal eşit olduğu için ağırlıkların toplamı birdir ve hesap kısalır. Renkli bir yazıda yalnız en büyük kanalı kullanmak veya RGB değerlerinin basit ortalamasını almak aynı sonuç değildir. Önce kanal dönüşümü, ardından ağırlıklı parlaklık, son olarak açık ve koyu parlaklığın oranı hesaplanır.Kaynak: W3C — Understanding Contrast Minimum

A için 1,05’i 0,234475 civarındaki paydaya bölersiniz. Sonuç 4,5’ten küçüktür. B’de koyu parlaklık biraz azalınca payda da azalır ve oran 4,5’in üstüne çıkar. Tablodaki kısaltılmış sayılar açıklama içindir; uygulamanın geçer veya kalır kararı yuvarlanmamış sonuçtan verilmelidir. Böylece tabloda 4,5 gibi görünen iki farklı sonucun farklı karar taşıması anlaşılabilir.

Bir ondalık göstermek kontrolü değiştirmesin

Dışa aktarılan sunumda renkler değiştiyse eski hesap yeni dosyayı doğrulamaz. Kontrol ettiğiniz renk çiftini son teslimdeki metin ve zeminle tekrar eşleştirin.

4,4781 değerini bir ondalıkla yazarsanız 4,5 görünür. Model bu etiket üzerinden karar verirse A’yı yanlış geçirir. Ham hesapla gösterim alanını ayırmak burada doğrudan kabul sonucunu korur. Rapor cümlesi “yaklaşık 4,48:1; normal metin koşulunun altında” diyebilir. Kararı açıklamak için bütün hesap basamaklarını okura göstermek gerekmez, ancak denetim kaydında korunmaları yararlıdır.

C örneği daha geniş bir farkla geçer. Bu seçeneği otomatik marka önerisi veya bütün sunumun son rengi olarak düşünmeyin. İçeriğin hiyerarşisi, zeminler ve metnin işlevi birlikte değerlendirilir. Renk kodunun uygun olması, küçük yazılmış ya da ekran dışında kalmış bir açıklamayı okunabilir yapmaz. Bu tek testin sonucunu başlık düzeni, alternatif metin veya klavye erişimi için kanıt olarak kullanmayın.

AI’dan hesap ve koşulu birlikte isteyin

Normal boyutlu bilgilendirici metin, opak beyaz #FFFFFF zeminde gösterilecek. A=#777777, B=#767676, C=#595959. sRGB kanallarını doğrusal parlaklığa çevir; W3C parlaklık katsayılarıyla kontrastı hesapla. Kabul eşiği 4.5:1, dahil. Kararı ham sonuçtan ver; gösterim için ayrıca dört ondalık yaz. A’yı bir ondalığa yuvarlayarak geçirme. Tüm sunumun erişilebilirliğini veya gerçek kullanıcı okunurluğunu test ettiğini söyleme.

A yaklaşık 4,4781:1 ile kalır. B yaklaşık 4,5422:1 ve C yaklaşık 7,0047:1 ile bu koşulu sağlar. Üç karar düz beyaz zemin ve normal metin varsayımına bağlıdır. A’nın 4,5 olarak gösterilmesi ham değeri değiştirmez.

Kontrol için siyah ve beyaz çiftini de hesaplayın: formülün uç değerleri mantıklı mı, açık parlaklık paya mı yazılmış, üç kanal doğru ölçeğe mi çevrilmiş? Bu basit kontroller bütün renk hesaplarında aynı katsayı hatasının tekrarlanmasını yakalamaya yardımcı olur. Bir tasarım aracının raporuyla karşılaştırırken de aynı renkler ve aynı saydamlık koşullarının kullanıldığını doğrulayın.

Ters renkler oranı değiştirir mi?

Aynı opak çiftte metni beyaz, zemini #777777 yapın. Kontrast oranının değişip değişmediğini hesaplayın. Ardından siyah metni beyaz zeminde sınayın. Bu iki deneme formüldeki açık ve koyu parlaklığın rollerini anlamak içindir; ters renklerin her kullanıcı için aynı deneyimi verdiğini kanıtlamaz.

Beyaz/#777777 çifti yine yaklaşık 4,4781:1 verir; açık ve koyu parlaklık değişmez. Siyah/beyaz: (1+0,05)/(0+0,05)=21:1. Bu sonuçlar yalnız kontrast hesabını gösterir.

Sunum kontrolüne renk kodları, arka plan koşulu ve ham kararın birlikte tutulduğu küçük bir kayıt ekleyin. Böylece yapay zekânın görsel önerisini beğenmenin yanında hangi metin koşulunu gerçekten sınadığınızı da gösterebilirsiniz.