WCAG Başarı Kriterleri
2.0, 2.1 ve 2.2 sürümlerindeki tüm 87 WCAG başarı kriteri. Erişilebilirliğin dört ilkesine göre düzenlenmiştir.
Algılanabilir
Metin Dışı İçerik
Kullanıcıya sunulan tüm metin dışı içeriklerin, aynı amacı karşılayan bir metin alternatifi bulunmalıdır.
Yalnızca Ses ve Yalnızca Video (Önceden Kaydedilmiş)
Önceden kaydedilmiş yalnızca ses ve yalnızca video içerikleri, orijinal medyayı algılayamayan kullanıcılara eşdeğer bilgi sunan metin alternatifleri içermelidir.
Altyazılar (Önceden Kaydedilmiş)
Eşzamanlanmış medyadaki tüm önceden kaydedilmiş ses içerikleri için altyazı sağlanmalıdır; bu, işitme engelli kullanıcıların ses bilgilerine erişmesini mümkün kılar.
Sesli Betimleme veya Medya Alternatifi
Medya metin için bir alternatif olmadığı sürece, önceden kaydedilmiş eşzamanlanmış medya için zamana dayalı medyanın bir alternatifi veya video içeriğinin sesli betimlenmesi sağlanmalıdır.
Altyazılar (Canlı)
Eşzamanlanmış medyadaki tüm canlı ses içerikleri için altyazı sağlanmalıdır; bu, işitme engelli kullanıcıların gerçek zamanlı erişimini güvence altına alır.
Sesli Betimleme (Önceden Kaydedilmiş)
Eşzamanlanmış medyadaki tüm önceden kaydedilmiş video içerikleri için, yalnızca ses parçasından elde edilemeyen önemli görsel bilgileri açıklayan sesli betimleme sağlanmalıdır.
İşaret Dili (Önceden Kaydedilmiş)
Eşzamanlanmış medyadaki tüm önceden kaydedilmiş ses içerikleri için işaret dili çevirisi sağlanmalıdır; bu, birincil dili işaret dili olan kullanıcılara alternatif sunar.
Genişletilmiş Sesli Betimleme
Ön plan sesindeki duraklamalar sesli betimleme için yetersiz olduğunda, görsel içeriğin eksiksiz açıklanmasına olanak tanımak üzere video duraklatılarak genişletilmiş sesli betimleme sağlanmalıdır.
Medya Alternatifi (Önceden Kaydedilmiş)
Tüm önceden kaydedilmiş eşzamanlanmış medya ve yalnızca video medyası için, tüm görsel ve işitsel bilgileri metin biçiminde sunan tam bir metin alternatifi sağlanmalıdır.
Yalnızca Ses (Canlı)
Canlı yalnızca ses içerikleri için, sesi duyamayan kullanıcılara gerçek zamanlı eşdeğer bilgi sunan bir metin alternatifi sağlanmalıdır.
Bilgi ve İlişkiler
Sunum yoluyla aktarılan bilgi, yapı ve ilişkiler programatik olarak belirlenebilir veya metin biçiminde sunulur.
Anlamlı Sıralama
İçeriğin sunulma sırası anlamını etkilediğinde, doğru okuma sırası programatik olarak belirlenebilir.
Duyusal Özellikler
İçeriği anlamak ve kullanmak için sağlanan talimatlar yalnızca şekil, renk, boyut, görsel konum, yön veya ses gibi duyusal özelliklere dayanmaz.
Yönlendirme
İçerik, belirli bir görüntüleme yönelimi zorunlu olmadığı sürece, görünümünü ve işleyişini dikey veya yatay gibi tek bir ekran yönelimine kısıtlamaz.
Giriş Amacını Tanımlama
Kullanıcı hakkında bilgi toplayan her giriş alanının amacı, giriş alanı Kullanıcı Arayüzü Bileşenleri İçin Giriş Amaçları bölümünde tanımlanan bir amaca hizmet ettiğinde programatik olarak belirlenebilir.
Amacı Tanımlama
İşaretleme dilleri kullanılarak uygulanan içerikte, kullanıcı arayüzü bileşenlerinin, simgelerin ve bölgelerin amacı programatik olarak belirlenebilir.
Renk Kullanımı
Renk; bilgi iletmek, bir eylem belirtmek, yanıt istemek veya görsel bir öğeyi ayırt etmek için tek başına kullanılmamalıdır.
Yeniden Akış
İçerik, 320 CSS piksel genişliğinde veya 256 CSS piksel yüksekliğinde bilgi veya işlevsellik kaybı olmadan ve iki boyutlu kaydırma gerektirmeden sunulabilir.
Metin Dışı Kontrast
Kullanıcı arayüzü bileşenleri ve grafik nesneler, bitişik renklere karşı en az 3:1 kontrast oranına sahip olmalıdır.
Metin Aralığı
Kullanıcılar metin aralığını geçersiz kıldığında içerik veya işlevsellik kaybı oluşmaz: satır yüksekliği 1.5x, paragraf aralığı 2x, harf aralığı 0.12em ve kelime aralığı 0.16em.
Üzerine Gelme veya Odaklanma İçeriği
Üzerine gelme veya odaklanma ile ek içerik göründüğünde, bu içerik kapatılabilir, üzerine gelinebilir ve kullanıcı hover/odak kaldırana veya içerik artık geçerli olmayana kadar kalıcı olmalıdır.
Ses Kontrolü
Ses 3 saniyeden uzun süre otomatik çalıyorsa, sesi duraklatmak, durdurmak veya sistem sesinden bağımsız olarak kontrol etmek için bir mekanizma sağlanmalıdır.
Kontrast (Minimum)
Metin ve metin görselleri en az 4.5:1 kontrast oranına sahip olmalıdır; büyük metin için 3:1 yeterlidir.
Metin Boyutlandırma
Metin, yardımcı teknolojiye gerek kalmadan içerik veya işlevsellik kaybı olmaksızın %200'e kadar yeniden boyutlandırılabilir olmalıdır.
Metin Görselleri
Aynı görsel sunum gerçek metinle sağlanabiliyorsa, özelleştirme veya zorunlu kullanım dışında metin görselleri kullanılmaz.
Kontrast (Gelişmiş)
Metin ve metin görselleri normal metin için en az 7:1, büyük metin için en az 4.5:1 kontrast oranına sahip olmalıdır.
Düşük veya Arka Plan Sesi Yok
Konuşma içeren önceden kaydedilmiş salt ses içeriği için arka plan sesleri, ön plan konuşmasından en az 20 dB daha düşüktür veya kapatılabilir.
Görsel Sunum
Metin blokları için kullanıcılar ön plan ve arka plan renklerini seçebilir, genişlik 80 karakteri aşmaz, metin iki yana yaslanmaz, satır aralığı en az 1.5 ve paragraf aralığı satır aralığının en az 1.5 katıdır.
Metin Görselleri (İstisna Yok)
Metin görselleri yalnızca salt dekorasyon amaçlı veya metnin belirli bir sunumunun zorunlu olduğu durumlarda kullanılır.
Çalıştırılabilir
Klavye
İçeriğin tüm işlevselliği, bireysel tuş vuruşları için belirli zamanlamalar gerektirmeden bir klavye arayüzü aracılığıyla çalıştırılmalıdır.
Klavye Tuzağı Yok
Klavye odağı bir klavye arayüzü kullanılarak sayfanın bir bilesenine taşınabiliyorsa, odak yalnızca bir klavye arayüzü kullanılarak o bileşenden uzaklaştırılabilmelidir.
Klavye (İstisnasız)
İçeriğin tüm işlevselliği, hiçbir istisna olmaksızın, bireysel tuş vuruşları için belirli zamanlamalar gerektirmeden bir klavye arayüzü aracılığıyla çalıştırılmalıdır.
Karakter Tuşu Kısayolları
Bir klavye kısayolu yalnızca harf, noktalama, sayı veya sembol karakterleri kullanılarak uygulanmışsa, onu kapatmak, yeniden eşleştirmek veya yalnızca odakta etkin kılmak için bir mekanizma sağlanmalıdır.
Zamanlama Ayarlanabilir
İçerik tarafından belirlenen her zaman sınırı için kullanıcı zaman sınırını kapatabilmeli, ayarlayabilmeli veya uzatabilmelidir.
Duraklat, Durdur, Gizle
Hareket eden, yanıp sönen, kayan veya otomatik güncellenen bilgiler için kullanıcı bunları duraklatabilmeli, durdurabilmeli veya gizleyebilmelidir.
Zamanlama Yok
Etkileşimsiz senkronize medya ve gerçek zamanlı olaylar hariç olmak üzere, zamanlama içeriğin sunduğu olay veya faaliyetin temel bir parçası değildir.
Kesintiler
Acil durumlar hariç, kesintiler kullanıcı tarafından ertelenebilmeli veya bastırılabilmelidir.
Yeniden Kimlik Doğrulama
Kimlik doğrulanmış bir oturum sona erdiğinde, kullanıcı yeniden kimlik doğrulaması yaptıktan sonra veri kaybı olmadan faaliyete devam edebilmelidir.
Zaman Aşımları
Veri kaybı yaratabilecek kullanıcı etkinsizliği süresi hakkında kullanıcılar uyarılmalıdır, veriler 20 saatten fazla etkinsizlik boyunca korunmadığı sürece.
Üç Yanıp Sönme veya Eşik Altında
Web sayfaları herhangi bir bir saniyelik dönemde üçten fazla kez yanıp sönen hiçbir şey içermez veya yanıp sönme genel yanıp sönme ve kırmızı yanıp sönme eşiklerinin altındadır.
Üç Yanıp Sönme
Web sayfaları herhangi bir bir saniyelik dönemde üçten fazla kez yanıp sönen hiçbir şey içermez.
Etkileşimlerden Animasyon
Etkileşim tarafından tetiklenen hareket animasyonu, animasyon işlevsellik veya iletilen bilgi için temel olmadığı sürece devre dışı bırakılabilmelidir.
Blokları Atlama
Birden fazla web sayfasında tekrarlanan içerik bloklarını atlamak için bir mekanizma sağlanmalıdır.
Bölüm Başlıkları
İçeriği düzenlemek için bölüm başlıkları kullanılmalıdır.
Odak Gizlenmemiş (Minimum)
Bir kullanıcı arayüzü bileşeni klavye odağını aldığında, bileşen yazar tarafından oluşturulan içerik nedeniyle tamamen gizlenmemelidir.
Odak Gizlenmemiş (Gelişmiş)
Bir kullanıcı arayüzü bileşeni klavye odağını aldığında, bileşenin hiçbir kısmı yazar tarafından oluşturulan içerik tarafından gizlenmemelidir.
Odak Görünümü
Bir kullanıcı arayüzü bileşeni klavye odağını aldığında, odak göstergesi açıkça görünür olmak için yeterli boyut ve kontrasta sahip olmalıdır.
Sayfa Başlığı
Web sayfalarının konuyu veya amacı tanımlayan başlıkları olmalıdır.
Odak Sırası
Bir web sayfası sıralı olarak gezinilebiliyorsa ve gezinme sırası anlam veya işlevi etkiliyorsa, odaklanabilir bileşenler anlamı ve işlevselliği koruyan bir sırada odak alır.
Bağlantı Amacı (Bağlamda)
Her bağlantının amacı yalnızca bağlantı metninden veya bağlantı metni ile programatik olarak belirlenen bağlantı bağlamının birleşiminden anlaşılabilmelidir.
Birden Fazla Yol
Bir web sayfasını bir dizi web sayfası içinde bulmak için birden fazla yol sağlanmalıdır; sayfanın bir süreç sonucu veya adımı olduğu durumlar hariç.
Başlıklar ve Etiketler
Başlıklar ve etiketler konuyu veya amacı tanımlamalıdır.
Görünür Odak
Klavye ile işlenebilir her kullanıcı arayüzünde klavye odak göstergesinin görünür olduğu bir işlem modu bulunmalıdır.
Konum
Kullanıcının bir dizi web sayfası içindeki konumu hakkında bilgi sağlanmalıdır.
Bağlantı Amacı (Yalnızca Bağlantı)
Her bağlantının amacının yalnızca bağlantı metninden belirlenmesine olanak tanıyan bir mekanizma sağlanmalıdır; bağlantının amacının genel olarak kullanıcılar için belirsiz olacağı durumlar hariç.
İşaretçi Hareketleri
Çoklu nokta veya yol tabanlı hareketler kullanan tüm işlevler, bu hareketler temel olmadığı sürece, yol tabanlı hareket gerektirmeyen tek bir işaretçi ile çalıştırılmalıdır.
İşaretçi İptali
Tek bir işaretçi ile çalıştırılabilen işlevler için şu koşullardan en az biri sağlanmalıdır: aşağı olay kullanılmamalı, eylem yukarı olayda tamamlanmalı ve iptal veya geri alma mümkün olmalı, ya da yukarı olay aşağı olayin sonucunu geri almalıdır.
İsimdeki Etiket
Metin veya metin görselleri içeren etiketlere sahip kullanıcı arayüzü bileşenleri için, erişilebilir ad görsel olarak sunulan metni içermelidir.
Hareket Etkinleştirme
Cihaz hareketi veya kullanıcı hareketi ile çalıştırılabilen işlevler, kullanıcı arayüzü bileşenleri ile de çalıştırılabilmeli ve kazara etkinlestirmeyi önlemek için harekete yanıt verme devre dışı bırakılabilmelidir.
Hedef Boyutu (Gelişmiş)
İşaretçi girişleri için hedefin boyutu en az 44x44 CSS piksel olmalıdır; eşdeğer bir alternatif hedef mevcut olduğunda, hedef metin içinde satır içi olduğunda, boyut kullanıcı ajanı tarafından kontrol edildiğinde veya sunum zorunlu olduğunda istisna uygulanır.
Eszamani Giriş Mekanizmalari
Web içeriği, kısıtlama zorunlu olmadıkça, güvenlik için gerekli olmadıkça veya kullanıcı ayarlarina uyum için gerekli olmadıkça, platformda mevcut giriş yontemlerinin kullanımını kisitlamamalidir.
Sürükleme Hareketleri
Sürükleme hareketi kullanan tüm işlevler, sürükleme zorunlu olmadıkça veya işlevsellik kullanıcı ajanı tarafından belirlenmediçe, sürüklemesiz tek bir işaretçi ile gerçekleştirilebilmelidir.
Hedef Boyutu (Minimum)
İşaretçi girişleri için hedefin boyutu en az 24x24 CSS piksel olmalıdır; eşdeğer bir kontrol mevcut olduğunda, hedef satır içi olduğunda, boyut kullanıcı ajanı tarafından belirlendiğinde veya sunum zorunlu olduğunda istisna uygulanır.
Anlaşılabilir
Sayfa Dili
Her web sayfasının varsayılan insan dili programatik olarak belirlenebilir olmalıdır.
Bölüm Dili
Özel adlar, teknik terimler ve belirsiz dildeki kelimeler hariç, içerikteki her pasaj veya ifadenin insan dili programatik olarak belirlenebilir olmalıdır.
Olagan Dışı Kelimeler
Deyimler ve jargon dahil olmak üzere, olagan dışı veya kısıtlı biçimde kullanılan kelimelerin veya ifadelerin belirli tanimlarini belirleme mekanizması mevcuttur.
Kısaltmalar
Kısaltmaların açılmış biçimine veya anlamına ulaşma mekanizması mevcuttur.
Okuma Düzeyi
Metin, ortaokul okuma düzeyinin üstünde bir okuma seviyesi gerektirdiğinde, tamamlayıcı içerik veya alternatif bir sürüm sunulmalıdır.
Telaffuz
Telaffuz bilinmeden anlamının belirsiz olduğu kelimelerin belirli telaffuzunu tanımlama mekanizması mevcuttur.
Odaklanma Üzerine
Herhangi bir kullanıcı arayüzü bileşeni odak aldığında, bağlam değişikliği başlatmamalıdır.
Giriş Üzerine
Herhangi bir kullanıcı arayüzü bileşeninin ayarini değiştirmek, kullanıcı bileşeni kullanmadan önce bu davranIs hakkında bilgilendirilmedikce, otomatik olarak bağlam değişikliğine neden olmamalıdır.
Tutarlı Gezinme
Bir kümedeki birden fazla web sayfasında tekrarlanan gezinme mekanizmaları, her tekrarlandıklarında aynı göreli sırada yer almalıdır.
Tutarlı Tanımlama
Bir web sayfası kumesinde aynı işlevselliğe sahip bileşenler tutarlı şekilde tanimlanir.
İstek Üzerine Degisiklik
Bağlam değişiklikleri yalnızca kullanıcı isteği ile başlatılır veya bu değişiklikleri kapatma mekanizması mevcuttur.
Tutarlı Yardım
Bir web sayfası yardım mekanizmaları içeriyorsa, bunlar her sayfada aynı göreli sırada bulunmalıdır.
Hata Tanımlama
Bir giriş hatası otomatik olarak tespit edildiğinde, hatalı öğe tanimlanir ve hata kullanıcıya metin olarak aciklanir.
Etiketler veya Talimatlar
İçerik kullanıcı girişi gerektirdiğinde etiketler veya talimatlar sağlanır.
Hata Önerisi
Bir giriş hatası otomatik olarak tespit edildiğinde ve düzeltme onerileri bilindiginde, içeriğinin guvenligini veya amacını tehlikeye atmadikca oneriler kullanıcıya sunulur.
Hata Önleme (Yasal, Finansal, Veri)
Yasal yukumlulukler veya finansal islemler içeren web sayfaları için gonderimler geri alinabilir, kontrol edilebilir veya onaylanabilir olmalıdır.
Yardım
Baglama duyarlı yardım mevcuttur.
Hata Önleme (Tumu)
Kullanıcının bilgi gondermesini gerektiren web sayfaları için gonderimler geri alinabilir, kontrol edilebilir veya onaylanabilir.
Gereksiz Tekrar Girisi
Kullanıcı tarafından daha önce girilen veya saglan bilginin aynı süreç içinde tekrar girilmesi gerektiğinde, bilgi otomatik olarak doldurulur veya kullanıcının secebilmesi için sunulur.
Erişilebilir Kimlik Doğrulama (Minimum)
Bir alternatif veya yardım mekanizması saglanmadikca, kimlik doğrulama sürecinin hiçbir adiminda bilişsel işlev testi gerekli değildir.
Erişilebilir Kimlik Doğrulama (Geliştirilmiş)
Kimlik doğrulama sürecinin hiçbir adiminda bilişsel işlev testi gerekli değildir.
Sağlam
Ayrıştırma
İşaretleme dilleri kullanılarak oluşturulan içeriklerde öğeler eksiksiz başlangıç ve bitiş etiketlerine sahiptir, öğeler belirtimlerine uygun şekilde iç içe yerleştirilmiştir, öğeler yinelenen niteliklere sahip değildir ve tüm kimlikler benzersizdir.
Ad, Rol, Değer
Tüm kullanıcı arayüzü bileşenleri için ad ve rol programatik olarak belirlenebilir; kullanıcı tarafından ayarlanabilen durumlar, özellikler ve değerler programatik olarak ayarlanabilir; ve bu öğelerdeki değişikliklerin bildirimi yardımcı teknolojiler dahil kullanıcı araçlarına sunulur.
Durum Mesajları
İşaretleme dilleri kullanılarak oluşturulan içeriklerde durum mesajları, yardımcı teknolojiler tarafından kullanıcıya odak almaksızın sunulabilmesi için rol veya özellikler aracılığıyla programatik olarak belirlenebilir.