Kod Uzmanı
UI/UX

Web Sitenizde Erişilebilirlik (Accessibility / WCAG) Standartları

Görme ve işitme engelli bireylerin sitenizi rahatça kullanmasını sağlayan erişilebilirlik kuralları.

Yayın: 12.08.2026 Güncelleme: 21.09.2026 2 dk okuma
Web Sitenizde Erişilebilirlik (Accessibility / WCAG) Standartları

Web Erişilebilirliği (Accessibility) Nedir?

İnternet, dünyadaki tüm bireylerin bilgiye eşit şekilde ulaşmasını hedefleyen evrensel bir ortamdır. **Web Erişilebilirliği (Web Accessibility)**; görme, işitme, motor veya bilişsel engeli bulunan bireylerin web sitelerini hiçbir engelle karşılaşmadan kullanabilmesini sağlayan tasarım ve yazılım standartları bütünüdür. W3C bünyesinde geliştirilen **WCAG (Web Content Accessibility Guidelines)** kuralları, erişilebilir bir dijital dünyanın küresel kılavuzudur.

Erişilebilir Bir Web Sitesi İçin Yapılması Gerekenler

1. Görsellere Anlamlı Alt Etiketleri (Alt Tag) Ekleyin

Görme engelli bireyler web sitelerini "Ekran Okuyucu" (Screen Reader) adı verilen sesli yazılımlarla gezinir. Sitedeki bir görsele geldiğinde ekran okuyucu dosya adını değil, `alt` etiketindeki metni okur. Görsellere açıklayıcı alt metinler eklemek WCAG standartlarının ilk şartıdır.

2. Klavye İle Gezinme (Keyboard Navigation) Desteği

Motor beceri kaybı olan veya fare kullanamayan bireyler web sitesinde sadece `Tab` ve yön tuşlarıyla gezinir. Sitenizdeki tüm butonlar, menüler ve form alanları klavye ile odaklanabilir (focus) ve tetiklenebilir olmalıdır. Odaklanan ögenin etrafında belirgin bir halka (outline) görünmelidir.

3. Yüksek Renk Kontrast Oranları

Renk körlüğü veya az görme bozukluğu olan kullanıcılar için metin ve arka plan renkleri arasında yeterli kontrast farkı bulunmalıdır. WCAG AA seviyesine göre normal metinlerde en az **4.5:1**, büyük metinlerde ise **3:1** kontrast oranı sağlanmalıdır.

4. ARIA Etiketleri (Accessible Rich Internet Applications) Kullanımı

Dinamik JavaScript bileşenlerinde (örneğin modal pencereler, akordeon menüler), HTML etiketlerine `aria-expanded="true"`, `aria-label="Kapat"` gibi öznitelikler eklenerek ekran okuyuculara ögenin durumu hakkında bilgi verilmelidir.

Erişilebilirliğin SEO ve Marka Değerine Katkısı

İlginç bir şekilde, ekran okuyucu botlar ile Google'ın arama motoru botları neredeyse aynı şekilde çalışır! Sitenizi engelli bireyler için erişilebilir kılmak, Google botlarının da sitenizi çok daha iyi taramasını ve anlamasını sağlar. Ayrıca erişilebilirlik standartlarına uyan markalar sosyalsorumluluk bilinciyle kurumsal prestijlerini en üst seviyeye taşır.

Uluslararası WCAG standartlarına uygun, erişilebilir, kapsayıcı ve yüksek performanslı web projeleri inşa etmek için Kod Uzmanı uzman ekibimiz hizmetinizdedir.

Bu konu için destek

Ziyaretçiyi müşteriye dönüştüren bir site planlayalım

Tasarım, içerik ve çağrı akışını işletmenizin hedeflerine göre birlikte kuralım.

Web Sitesi Teklifi Alın →
Rehberi paylaş: WhatsApp X LinkedIn
Yazar

Ahmet Yılmaz — Kod Uzmanı

Web geliştirme, PHP, performans optimizasyonu ve mobil uygulama geliştirme alanlarında çalışan yazılım geliştirici.

Yazar ve editoryal yaklaşım →

💬 Yorumlar 0

Düşüncelerinizi Paylaşın

E-posta adresiniz sitede yayınlanmaz.

Bu rehber için henüz onaylanmış yorum yok.

Teknik kontrol

İçerik standardımız

  • • Son güncelleme tarihi görünür
  • • Mutlak SEO vaatlerinden kaçınılır
  • • Uygulanabilir teknik sınırlar açıklanır
Kod Uzmanı Ajans

Web siteniz gerçekten iş üretiyor mu?

Hız, teknik SEO ve dönüşüm darboğazlarını birlikte inceleyelim; yalnızca ihtiyaç duyduğunuz çözümü planlayalım.

Projenizi Konuşalım →