Skip to main content
Web Tasarım

Web Erişilebilirlik (WCAG): Herkes İçin Web Sitesi Tasarımı

Mart 24, 2026 4 dk okuma 11 views Raw
Web erişilebilirlik tasarımı bilgisayar ekranı
İçindekiler

Web Erişilebilirlik Nedir?

Web erişilebilirlik, web sitelerinin ve uygulamaların engelli bireyler dahil herkes tarafından kullanılabilir olmasını sağlama pratiğidir. Görme, işitme, motor ve bilişsel engellere sahip kullanıcılar, ekran okuyucular, klavye navigasyonu ve yardımcı teknolojiler aracılığıyla web içeriğine erişir. Erişilebilir tasarım, bu kullanıcıların da eşit deneyim yaşamasını garanti eder.

Dünya nüfusunun yaklaşık yüzde 15'i bir tür engelle yaşamaktadır. Bu, milyarlarca potansiyel kullanıcı anlamına gelir. Erişilebilirlik yalnızca etik bir sorumluluk değil, aynı zamanda ticari bir fırsattır. Erişilebilir web siteleri daha geniş bir kitleye ulaşır, SEO performansını artırır ve yasal uyumluluk sağlar.

WCAG Standartları

Web Content Accessibility Guidelines (WCAG), W3C tarafından geliştirilen ve web erişilebilirliğinin uluslararası standardıdır. WCAG, dört temel ilke üzerine kurulmuştur ve POUR kısaltmasıyla bilinir:

  • Algılanabilirlik (Perceivable): Bilgi ve arayüz bileşenleri kullanıcılara algılanabilir şekilde sunulmalıdır.
  • Çalıştırılabilirlik (Operable): Arayüz bileşenleri ve navigasyon çalıştırılabilir olmalıdır.
  • Anlaşılabilirlik (Understandable): Bilgi ve arayüzün çalışması anlaşılabilir olmalıdır.
  • Sağlamlık (Robust): İçerik, yardımcı teknolojiler dahil çeşitli kullanıcı ajanları tarafından güvenilir şekilde yorumlanabilmelidir.

WCAG, A, AA ve AAA olmak üzere üç uyumluluk seviyesi tanımlar. A seviyesi minimum gereksinimlerdir, AA seviyesi çoğu yasal düzenlemede hedeflenen standarttır ve AAA seviyesi en yüksek erişilebilirlik düzeyini temsil eder. Genel olarak AA seviyesi uyumluluk hedeflenmelidir.

Pratik Erişilebilirlik İpuçları

Görsel Erişilebilirlik

Yeterli renk kontrastı sağlamak en temel gerekliliktir. WCAG AA standardına göre normal metin için minimum 4.5:1, büyük metin için 3:1 kontrast oranı gereklidir. Renk tek başına bilgi iletme aracı olmamalıdır; grafiklerde rengin yanı sıra desen veya etiket de kullanılmalıdır. Tüm görsellere anlamlı alt metin (alt text) eklenmelidir.

Klavye Erişilebilirliği

Web sitenizdeki tüm işlevler yalnızca klavye kullanılarak erişilebilir olmalıdır. Tab tuşu ile elemanlar arasında gezinebilmek, Enter veya Space ile etkileşimde bulunabilmek ve odak göstergesi (focus indicator) her zaman görünür olmak gerekir. Klavye tuzaklarından kaçının; kullanıcı klavyeyle bir alandan çıkamaz hale gelmemelidir.

Semantik HTML

Doğru HTML etiketlerini kullanmak erişilebilirliğin temelidir. Başlıklar için h1-h6, listeler için ul/ol/li, navigasyon için nav, ana içerik için main etiketlerini kullanın. ARIA (Accessible Rich Internet Applications) etiketleri, semantik HTML'in yeterli olmadığı durumlarda ek erişilebilirlik bilgisi sağlar. Ancak ilk kural her zaman doğru semantik HTML kullanmaktır.

Form Erişilebilirliği

Her form alanının ilişkilendirilmiş bir label etiketi olmalıdır. Hata mesajları açık ve anlaşılır olmalı, hatanın ne olduğunu ve nasıl düzeltileceğini belirtmelidir. Zorunlu alanlar yalnızca renkle değil metin veya simge ile de işaretlenmelidir. Otomatik zaman aşımı olan formlarda kullanıcıya süre uzatma seçeneği sunulmalıdır.

Erişilebilirlik Test Araçları

Web sitenizin erişilebilirliğini test etmek için çeşitli araçlar mevcuttur. WAVE (Web Accessibility Evaluation Tool) ve axe DevTools tarayıcı eklentileri, sayfa üzerindeki erişilebilirlik sorunlarını tespit eder. Lighthouse (Chrome DevTools) erişilebilirlik puanı verir. Pa11y ve Deque gibi araçlar CI/CD pipeline'larına entegre edilebilir.

Otomatik araçlar sorunların yaklaşık yüzde 30-40'ını tespit edebilir. Gerçek kullanıcı testleri, ekran okuyucu ile navigasyon testi ve manuel klavye testi, otomatik araçların yakalayamadığı sorunları ortaya çıkarır. Erişilebilirlik testini geliştirme sürecinin ayrılmaz bir parçası haline getirin.

Yasal Gereksinimler

Birçok ülkede web erişilebilirliği yasal zorunluluktur. Avrupa Birliği'nde European Accessibility Act, kamu sektörü web sitelerinin WCAG AA uyumlu olmasını zorunlu kılar. ABD'de ADA (Americans with Disabilities Act) kapsamında web erişilebilirlik davaları artmaktadır. Türkiye'de de kamu kurumları web sitelerinin erişilebilirlik standartlarına uyması beklenmektedir.

Yasal uyumsuzluk, hem maddi cezalara hem de itibar kaybına yol açabilir. Proaktif olarak erişilebilirlik standartlarını benimsemek, hem yasal riskleri azaltır hem de marka itibarını güçlendirir.

Erişilebilirlik Kültürü Oluşturma

Erişilebilirlik, proje sonunda kontrol edilen bir madde değil, tasarım ve geliştirme sürecinin başından itibaren düşünülmesi gereken bir ilkedir. Tasarımcılar, geliştiriciler, içerik üreticileri ve test uzmanlarının hepsinin erişilebilirlik bilincine sahip olması gerekir. Erişilebilirlik eğitimleri ve düzenli denetimler bu kültürün yerleşmesini sağlar.

Sonuç

Web erişilebilirlik, daha kapsayıcı bir dijital dünya oluşturmanın anahtarıdır. WCAG standartlarına uyum sağlamak, hem etik bir sorumluluk hem de ticari bir avantajdır. Ekolsoft olarak geliştirdiğimiz tüm web projelerinde erişilebilirlik ilkelerini ön planda tutuyoruz. Herkesin eşit erişime sahip olduğu web siteleri tasarlamak için deneyimli ekibimizle çalışın.

Bu yazıyı paylaş