WCAG Düzeyleri A AA AAA

Dünya nüfusunun yaklaşık %15'inin bir tür engeli vardır. Erişilebilir siteler herkes için çalışır: ekran okuyucu kullananlar, yalnızca klavye kullananlar, az görenler ve yavaş ağ kullananlar. Erişilebilirlik, birçok hukuk bölgesinde yasal bir gerekliliktir.

WCAG, web içeriğini erişilebilir kılan özellikleri tanımlayan W3C standardıdır. Güncel sürüm: WCAG 2.2 (Ekim 2023). Sonraki sürüm olan WCAG 3, ilk taslak aşamasındadır.

WCAG dört ilke etrafında düzenlenmiştir: Algılanabilir, Kullanılabilir, Anlaşılabilir ve Sağlam. Her başarı ölçütü bunlardan birinin kapsamına girer.

Bilgiler, kullanıcıların algılayabileceği biçimlerde sunulmalıdır: görseller için alternatif metin, videolar için altyazı, yeterli renk karşıtlığı ve işlev kaybı olmadan %200'e kadar yeniden boyutlandırılabilen metin.

Tüm işlevler klavye aracılığıyla çalışmalıdır: yalnızca fareyle gerçekleştirilen etkileşimler olmamalı, içeriği okumak için yeterli süre verilmeli, nöbetleri tetikleyebilecek yanıp sönen içerik bulunmamalı ve gezinmek için açık yollar sunulmalıdır.

İçerik ve kullanım anlaşılabilir olmalıdır: okunabilir dil belirtilmeli, gezinme düzenleri öngörülebilir olmalı, öneriler içeren açık hata mesajları verilmeli ve etiketler tutarlı olmalıdır.

İçerik, mevcut ve gelecekteki yardımcı teknolojilerle çalışmalıdır. Geçerli HTML kullanın, ARIA en iyi uygulamalarını izleyin ve ad/rol/değer bilgilerinin programatik olarak belirlenebilir olduğundan emin olun.

A Düzeyi: en düşük düzey (olmazsa olmaz). AA Düzeyi: standart hedef (yasaların çoğunun gerektirdiği düzey). AAA Düzeyi: en yüksek düzeydir; sitelerin tamamı için uygulanması pratik değildir ve yalnızca kritik sayfalara uygulanır.

Çoğu proje, Avrupa Erişilebilirlik Yasası (EAA), ABD'deki Section 508 ve kurumsal tedarik kurallarının çoğunun zorunlu kıldığı WCAG 2.1 AA veya 2.2 AA düzeyini hedefler.

A Düzeyi: görsellere alternatif metin eklemek, klavyeyle erişilebilirlik. AA Düzeyi: metin için 4,5:1 karşıtlık oranı, bilgiyi yalnızca renkle aktarmamak, odağı görünür kılmak ve %200'e kadar yeniden boyutlandırma. AAA Düzeyi: 7:1 karşıtlık, videolar için işaret dili ve bağlama duyarlı yardım.

1) Her görsele alternatif metin ekleyin. 2) Anlamsal HTML kullanın (button, nav, h1-h6). 3) Renk karşıtlığının 4,5:1 değerini karşıladığından emin olun. 4) Siteyi yalnızca klavyeyle sınayın. 5) Her form girdisine etiket ekleyin. 6) Görünür bir odak göstergesi kullanın.

Çoğu web sitesi ve uygulaması için tipik yasal hedef hangi WCAG uygunluk düzeyidir?

WCAG 2.2 güncel standarttır. Dört ilke vardır: Algılanabilir, İşletilebilir, Anlaşılabilir, Sağlam (POUR). Üç uygunluk düzeyi vardır: A (temel), AA (yasal hedef), AAA (en yüksek). Yasal uygunluk için AA düzeyini hedefleyin. Hızlı kazanımlar: alternatif metin, anlamsal HTML, 4,5:1 kontrast, klavye sınaması, etiketlenmiş girdiler, görünür focus.