WCAG Rehberi

WCAG 2.1 nedir ve neden önemlidir?

Web İçeriği Erişilebilirlik Kılavuzları (WCAG) 2.1 — 4 temel ilke, 78 kriter ve işletmeniz için ne anlama geldiği.

Uyumluluk Seviyeleri

A, AA ve AAA ne anlama geliyor?

A

Temel

En temel erişilebilirlik gereksinimleri. Bu seviyenin altındaki siteler bazı kullanıcılar tarafından hiç erişilemez.

AA

Standart

Çoğu yasal uyumluluk gereksinimi bu seviyeyi ister. E-ticaret, finans ve kamu siteleri için minimum hedef.

AAA

Gelişmiş

En yüksek erişilebilirlik seviyesi. Tüm içerik için zorunlu kılınmaz ancak belirli bölümlerde hedeflenebilir.

4 Temel İlke — POUR

WCAG'ın temel çerçevesi

1

Algılanabilir

(Perceivable)

Bilgi ve arayüz bileşenleri kullanıcılar tarafından algılanabilecek şekilde sunulmalıdır.

1.1.1Metin Alternatifleri

Metin olmayan içeriğin metin alternatifi olmalıdır.

1.3.1Bilgi ve İlişkiler

Yapı ve ilişkiler programatik olarak belirlenebilir olmalıdır.

1.4.3Kontrast (Minimum)

Metin ile arka planın kontrast oranı en az 4.5:1 olmalıdır.

1.4.4Metin Yeniden Boyutlandırma

Metin %200 büyütülse de içerik ve işlevsellik korunmalıdır.

2

Kullanılabilir

(Operable)

Arayüz bileşenleri ve navigasyon kullanılabilir olmalıdır.

2.1.1Klavye

Tüm işlevler klavye ile erişilebilir olmalıdır.

2.4.3Odak Sırası

Odaklanabilir bileşenler anlamlı bir sırayla alınmalıdır.

2.4.6Başlıklar ve Etiketler

Başlıklar ve etiketler konuyu veya amacı açıklamalıdır.

2.4.7Görünür Odak

Klavye ile kullanılan arayüzde odak göstergesi görünür olmalıdır.

3

Anlaşılabilir

(Understandable)

Bilgi ve kullanıcı arayüzünün çalışması anlaşılabilir olmalıdır.

3.3.1Hata Tanımlama

Giriş hatası tespit edildiğinde sorunlu alan tanımlanmalı ve hata açıklanmalıdır.

3.3.2Etiketler veya Talimatlar

Girdi gerektiren içeriklerde etiket veya talimat sağlanmalıdır.

3.3.3Hata Önerisi

Hata tespit edildiğinde düzeltme önerilmelidir.

3.3.4Hata Önleme

Yasal bağlayıcı veya finansal işlemler gözden geçirilebilir ve onaylanabilir olmalıdır.

4

Sağlam

(Robust)

İçerik, yardımcı teknolojiler dahil geniş bir yelpazede kullanıcı aracıları tarafından yorumlanabilir olmalıdır.

4.1.1Ayrıştırma

İşaretleme dilinde başlangıç/bitiş etiketleri doğru yuvalanmalıdır.

4.1.2Ad, Rol, Değer

Tüm UI bileşenlerinin adı, rolü ve değeri programatik olarak belirlenebilir olmalıdır.

4.1.3Durum Mesajları

Durum mesajları programatik olarak belirlenebilir olmalıdır.

WCAG Hakkında Sık Sorulan Sorular

WCAG 2.1 ile WCAG 2.2 arasındaki fark nedir?

WCAG 2.2 (2023), WCAG 2.1'e ek kriterler ekler. Bilişsel erişilebilirlik ve klavye navigasyonu iyileştirmeleri içerir. Uyum sağlamak için 2.2'yi hedeflemek önerilir.

Türkiye'de WCAG yasal olarak zorunlu mu?

Kamu kurumları için BÖTE kılavuzları WCAG 2.0 AA uyumluluğunu öngörür. Özel sektör için doğrudan yasal zorunluluk sınırlıdır ancak AB Erişilebilirlik Direktifi ve KVKK kapsamındaki yükümlülükler genişlemektedir.

WCAG uyumluluğunu test etmek için ne gerekli?

Otomatik araçlar (AccessAI gibi) uyumluluk sorunlarının yaklaşık %30-40'ını tespit eder. Tam uyumluluk için manuel test ve engelli kullanıcılarla gerçek kullanıcı testi gereklidir.

WCAG AA'yı geçmek için başlangıç noktası nedir?

Önce en yaygın ve yüksek etkili sorunlara odaklanın: renk kontrastı, form etiketleri, ARIA rolleri ve klavye navigasyonu. AccessAI bu sorunları gelir etkisine göre önceliklendirir.

WCAG ile ADA (Americans with Disabilities Act) ilişkisi nedir?

ADA'nın web'e uygulanması mahkeme kararları aracılığıyla şekillenmiştir. WCAG 2.1 AA, ADA uyumluluğu için fiilen kabul gören teknik standart olmuştur.

Ücretsiz · Kredi kartı yok

Siteniz WCAG 2.1 AA'ya uygun mu?

30 saniyede öğrenin. Ücretsiz ve kredi kartı gerektirmez.

WCAG Uyumluluğumu Denetle →