Web Erişilebilirlik (Accessibility) ve WCAG Uyumluluk Rehberi [2026]

Erişilebilirlik Nedir? Neden Önemlidir?

Erişilebilirlik (accessibility, kısaca a11y), engelli kullanıcıların dijital ürünleri eşit şekilde kullanabilmesini sağlamaktır. Görme engeli olan bir kişi, ekran okuyucu kullanarak web sitesini veya uygulamayı deneyimleyebilmeli. İşitme engeli olan bir kişi, videoların alt yazısını okuyabilmelidir.

Erişilebilirlik, moral ve etik bir sorumluluk kadar, iş açısından mantıklıdır.

Yasal Gereklilikleri: Birçok ülkede, kamu kurumlarının web siteleri, erişilebilirlik standartlarına uymalıdır. Türkiye'de de, resmi kurumların siteleri, WCAG 2.2 AA seviyesine uyumlu olması beklenmektedir. Özel sektörde, uyum zorunlu olmasa da, artan yasal baskı vardır. Amerika'da, erişilebilir olmayan siteler aleyhine açılan davalar, otomatiktir. Türkiye'de de bu eğilim artıyor.

Yasal riskten bağımsız olarak, ahlaki sorumluluk vardır. Engelli nüfus, tüm nüfusun yüzde 15'i. Onları hizmet dışında bırakmak, adil değildir.

İş Alanı: Erişilebilir ürünler, daha geniş pazara ulaşır. Dünya nüfusunun yüzde 15'i, herhangi bir tür engelle yaşamaktadır. Türkiye'de, bu sayı milyonlardır. Erişilebilir tasarım, pazar payını artırır.

Genel Fayda: Erişilebilir tasarım, engelli olmayan kullanıcılara da yardımcı olur. Yüksek kontrastlı renkler, güneşte bile görünür. Okunaklı tipografi, herkese okuma konfortu sağlar. Alt yazısı olan videolar, gürültülü ortamda da izlenebilir.

Erişilebilirlik, "daha az insan için tasarlamak" değildir. Aksine, daha geniş insan grubu için, daha iyi ürünler tasarlamaktır.

WCAG 2.2 Nedir?

WCAG (Web Content Accessibility Guidelines), W3C tarafından belirlenen, web erişilebilirliği için uluslararası standarttır. Mevcut versiyon, WCAG 2.2'dir.

WCAG, dört ilkeye dayanır:

1. Perceivable (Algılanabilir)

Kullanıcı, içeriği algılayabilmeli. Sadece göz ile değil. Örneğin:

• Resimlerde alt metin (alt text)
• Videolarda alt yazı
• Renk ile iletişim değil, başka araçlar da

2. Operable (İşletebilir)

Kullanıcı, ürünü kontrol edebilmeli. Örneğin:

• Tüm işlevler, klavye ile erişilebilir
• Form alanları, tab ile dolaşılabilir
• Otomatik hareket, duraklatılabilir
• Zaman sınırı, uzatılabilir

3. Understandable (Anlaşılabilir)

Kullanıcı, ürünü anlayabilmeli. Örneğin:

• Metin, açık ve sade
• Hata mesajları, yapıcı ve net
• Navigasyon, tutarlı
• Sayfalar, önceden haber verilmeden değişmemeli

4. Robust (Güvenilir)

Ürün, geniş cihaz ve yazılım yelpazesinde, düzgün çalışmalı. Örneğin:

• Ekran okuyucularla uyumlu HTML
• Farklı tarayıcılarda test
• Mobil ve masaüstü, uyumlu

WCAG Uyumluluk Seviyeleri

WCAG, üç uyumluluk seviyesine ayrılır:

Level A (Seviye A)

En temel gereksinimleri. Örneğin, resimler için alt metin, videolarda alt yazı. Tüm yeni siteler, en azından Level A'ya uymalıdır.

Level AA (Seviye AA)

Genellikle, hedef seviye. Renkler için yüksek kontrastı, daha açık dil, daha düşük ön koşullar içerir. Kamu kuruluşları ve birçok büyük şirket, Level AA hedefliyor.

Level AAA (Seviye AAA)

Maksimum erişilebilirlik. Daha katı kurallar, örneğin çok yüksek kontrast, çok kısa başlıklar. Tüm sitenin Level AAA'ya uyması, çoğu zaman mümkün değildir. Belirli sayfalar (örneğin, sitemap, rehber) Level AAA hedeflenebilir.

Türkiye'de, kamu kurumları genellikle Level AA hedeflemiştir. Özel sektörde, Level AA standart haline gelmektedir.

Yaygın Erişilebilirlik Sorunları

1. Resimler için Alt Text Yok

Görme engelli kullanıcı, resim görmez. Ancak, ekran okuyucu, alt text'i seslendirir. Örneğin, "Şirketimiz, üç kişiyi çalışırken gösteren fotoğraf" yazılması gerekir.

Boş alt text ("" veya "image"), işe yaramaz. Dekoratif resimler için boş bırakılabilir. Ancak, bilgi taşıyan resimler için, mutlaka açıklamalar gerekir.

2. Renk, Tek İletişim Aracı

"Kırmızı alanlar, hata" demek, renk körü kullanıcıya anlamsızdır. Başka araçlar kullanılmalı: ikon, metin, çizgi stili.

Renk kontrastı, en az 4.5:1 olmalıdır (Level AA için). Açık gri ve açık beyaz, kontrastı yetersizdir. Kontrastı test etmek için, WCAG Contrast Checker gibi araçlar kullanılabilir.

3. Formlar, Accessibility Etiketleri Olmadan

Input alanları, label (etiket) olmadan tasarlanırsa, ekran okuyucu, alanın amacını anlayamaz. Örneğin, "Email adresinizi girin" label'ı olmayan email alanı, kör bir kullanıcıya gizemli kalır.

4. Klavye Navigasyonu Desteklenmez

Bazı kullanıcılar, fare kullanamaz. Tüm işlevler, Tab tuşu ile dolaşılabilmelidir. Focusable elemanlar (linkler, düğmeler, form alanları), görünür bir focus göstermeli.

Sık hata: "outline: none" CSS'i, focus göstergesini kaldırır. Bu, kör ve görmeyenler için, ürünü kullanılamaz yapabilir.

5. Otomatik Hareket Duraklatılamaz

Carousel (dönerler) ve otomatik oynatma videolar, duraklatılabilmeli. Epilepsi riski ve bilişsel zorluk, automatik hareketi toleere edemeyebilir.

6. Zamanlamalı Sessionlar, Uyarı Olmadan Bitmesin

Engelli kullanıcılar, işlemleri daha yavaş tamamlar. Tüm alanları doldurmadan session'ı bitirmeyin. Zamanı uzatabilmeli ve uyarı verilmelidir.

7. Başlık Hiyerarşisi Bozuk

H1 ile başlayan ve H3'e geçen başlıklar, ekran okuyucu kullanıcılarını şaşırtır. Mantıklı bir hiyerarşi (H1, H2, H3) takip edilmelidir.

8. Linkler, Bağlamından Bağımsız

"Buraya tıkla" yazısındaki link, anlamını kaybeder. "İnsan Kaynakları Makalemizi Oku" olmalıdır. Ekran okuyucu, sayfadaki tüm linkleri listeleyebilir; her birinin amacı açık olmalı.

Erişilebilirlik Uyumluluğu ve Türkiye Kurumları

Türkiye'de, kamu kurumlarının erişilebilirliğine ait beklentiler, artmaktadır.

BTK (Bilgi Teknolojileri Kurulu): Kamu kurumlarının, WCAG 2.1 AA seviyesine uyması beklenmektedir. Yeni hizmetler, bunu dikkate almalı.

Engelli Kimler Derneği: Erişilebilirlik auditleri yapan, kampanyalar yürüten kuruluş. Şikayetleri, medyaya sızabiliyor.

Yasal Baskı: Erişilebilir olmayan siteler, mahkemeye çıkabiliyor (ABD'de bu yaygın; Türkiye'de artan eğilim).

WCAG Uyumluluğun Faydaları

Erişilebilir tasarım, sadece engelli kullanıcılara değil, herkese fayda sağlar:

• SEO İyileştirmesi: Google, erişilebilir sitecleri tercih eder. Alt text, başlıklar ve sade HTML, SEO sinyalleridir.
• Mobil Kullanılabilirlik: Erişilebilir tasarım, mobil tasarım ilkeleri ile örtüşür. Dokunmatik alanlar, yeterli boyutla, erişilebiliğin parçasıdır.
• Hız: Erişilebilir tasarım, çoğunlukla sade ve hızlı siteleri teşvik eder.
• Kullanıcı Memnuniyeti: Genel olarak, daha iyi UX.

Erişilebilirlik Test Yöntemleri

Otomatik Test Araçları:

• WAVE (WebAIM)
• Axe DevTools
• NVDA ve JAWS (Ekran Okuyucuları)
• Lighthouse (Chrome DevTools)

Ancak, otomatik araçlar, tüm sorunları yakalayamaz. Erişilebilirlik sorunlarının yüzde 40'ı, otomatik olarak bulunamaz. Manual test gereklidir.

Manual Test:

• Ekran okuyucu (NVDA, JAWS) ile test edin
• Sadece Tab tuşu ile navigasyon yapın
• Ekran yaklaştırma (zoom) ile test edin
• Renk körlüğü simülatörü kullanın
• Engelli kullanıcılarla test edin

Şu tasarımcının uyguladığı on dakikalık "keyboard-only" test, sıkça hataları ortaya çıkarır. Fare olmadan, siteyi kullanabilir misiniz?

Türkiye'deki Yasal Durum

Türkiye'de, kamu kurumlarının dijital hizmetleri, erişilebilirlik gereksinimleri ile karşı karşıyadır. Özel sektördeki gereksinimleri, belirgindir, ancak artan baskı vardır.

Engelli Kimler Derneği gibi kuruluşlar, web sitelerinin erişilebilirliğini denetlemek ve şikayetleri almak amacıyla, kampanyalar yürütmektedir. Geleceğe bakıldığında, kamu kurumları kadar özel sektörün de, erişilebilirliğe uyum sağlaması beklenmektedir.

Erişilebilirlik Yatırımının ROI'si

Erişilebilirlik yapması, maliyet mi, yatırım mı?

Kısa vadede, maliyet gibi görünebilir. Test, eğitim, tasarım uyarlamalarının zamanı ve kaynağı vardır. Ancak, uzun vadede:

• Daha geniş pazara ulaşılır (15% engelli nüfus)
• Yasal riskler azalır
• Marka itibarı artırılır
• Mobil deneyim iyileşir
• SEO sıralaması yükselir

Erişilebilirliği, yatırım olarak görmek, doğru yaklaşımdır.

Erişilebilirlik Yolculuğu Başlatma

Mevcut siteniz, erişilebilir değilse, yolculuk nasıl başlayabilir?

1. Audit: Mevcut durumun değerlendirilmesi. WAVE, Axe gibi araçlarla otomatik scan, manual test ile kombinasyon.

2. Prioritize: En kritik sorunları belirleyin. Resimlerde alt text eklemek, geniş çaplı HTML yeniden yazmasından daha hızlı.

3. Planlama: Tasarım sistem güncellemesi, geliştirici eğitimi, test süreci planlayın.

4. İmplementasyon: İterasyonlar. Hepsini aynı anda yapmaya çalışmayın.

5. Kontrol: Düzenli test. Yeni özellikler, erişilebilirlik gözlüğüyle değerlendirilsin.

Daha fazla bilgi için: UI/UX Tasarım Hizmetleri

Erişilebilirlik Testinin Kendi Test Etme

Otomatik araçlar, tüm sorunları yakalayamaz. Manual test, gereklidir.

Keyboard-Only Navigation: Fare kullanmadan, Tab, Enter, Arrow tuşlarıyla siteyi navigat edin. Tüm işlevler erişilebilir mi? Form doldurabiliyor musunuz?

Screen Reader Testing: NVDA (Windows) ya da JAWS ile siteyi, sesiniz kapalı iken duyun. Anlamlı mı? Resimlerin alt text'i var mı?

Color Blind Simulation: Renk körü filtresi açıp, sayfayı görün. Renk uyarısı, anlaşılıyor mu?

Zoom Testing: Sayfayı yüzde 200 yaklaştırın. Layout, bozuluyor mu?

Mobile Accessibility: Mobil ekran okuyucu ile test. Dokunmatik hedefler, yeterli boyutta mı?

Test, maliyetli gözükse de, yasal riski ortadan kaldırır.

Erişilebilirlik Eğitimi ve Farkındalık

Erişilebilirlik, sırf tasarımcı ve geliştirici değil, ekibin sorumluluğu.

Tasarımcı Eğitimi: Erişilebilir renkler, tipografi, form tasarımı. Tasarımcılar, WCAG ilkeleri bilerek tasarlamalı.

Geliştirici Eğitimi: Semantic HTML, ARIA attributes (erişilebilirlik etiketleri), keyboard navigation kodu. Geliştirici, yalnızca HTML yazmıyor, erişilebilir HTML yazıyor.

QA/Test Eğitimi: Test ekibi, erişilebilirlik kontrol listesi ile test edebilmeli.

Ürün Ekibi Farkındalık: Neden erişilebilir tasarım? Yasal baskıdan ziyade, doğru muamele.

Eğitim, erişilebilirlik kültürünün temeli.

Erişilebilirlik ile İlgili Yaygın Sorulanlar

S: Alt text yazmanın maliyeti, çok mü? C: Hayır. Resim başlığı yazmak, 30 saniye. Ancak, engelli kullanıcının deneyimi, önemli ölçüde iyileşir.

S: WCAG AA, gerekli mi yoksa AAA mı? C: Kamu kurumları, AA hedeflemeli. Özel sektör, en azından A. Bazı sayfalar, AAA hedeflenebilir.

S: Erişilebilirlik, mobil tasarımı etkiler mi? C: Aksine. Erişilebilir tasarım, mobil tasarımını iyileştirir. Büyük tap alanı, herkesin işine yarar.

S: Eski siteler, erişilebilir yapılabilir mi? C: Evet. Audit, planlama, iteratif implementasyon. 6-12 ay içinde, AA seviyesine ulaşabilir.

Smart Maple ile Erişilebilirlik

Smart Maple, erişilebilir dijital ürünler tasarlamaya ve geliştirmeye inanır. WCAG 2.2 uyumluluğu, tasarım sistemlerimizin merkezinde vardır. Audit'ten implementasyonua kadar, erişilebilirlik danışmanlığı sunuyoruz.

Web erişilebilirliği konusunda destek arıyorsanız, Smart Maple'ı tercih edin. Tüm kullanıcılar için, engelsiz dijital deneyim yaratacağız. smart-maple.com adresinde bizi bulabilirsiniz.