Web siteniz açılıyor, güzel görünüyor ve hızlı yükleniyor. Peki onu herkes kullanabiliyor mu? Az gören bir ziyaretçi kontrastı düşük metninizi okuyabilir mi? Fare kullanamayan bir müşteri sitenizde klavyeyle gezinebilir mi? Ekran okuyucu kullanan biri ürünlerinizi keşfedebilir mi? Bu soruların cevabı "hayır" ise, farkında olmadan müşterilerinizin bir bölümünü kapınızda geri çeviriyorsunuz demektir.
Erişilebilirlik (accessibility), web sitenizin engelli bireyler dahil herkes tarafından kullanılabilmesi demektir. 2026'da bu yalnızca büyük kurumların veya kamu kuruluşlarının uyması gereken bir kural değil; küçük işletmeler için hem bir müşteri kitlesi fırsatı hem de Google sıralamalarını destekleyen bir kalite sinyali. Bu rehberde, web sitenizi erişilebilir hale getirmenin 6 pratik adımını, sık yapılan hataları ve sıfır bütçeyle başlayabileceğiniz noktaları anlatıyorum.
Erişilebilirlik Nedir ve Neden Önemli?
Erişilebilirlik; görme, işitme, hareket ve bilişsel farklılıkları olan kişilerin web sitenizi sorunsuz kullanabilmesidir. Dünya Sağlık Örgütü verilerine göre dünya nüfusunun yaklaşık %16'sı bir tür engelle yaşıyor. Türkiye'de bu, milyonlarca potansiyel müşteri demek. Üstelik erişilebilirlik yalnızca engelli bireyleri ilgilendirmez: Yaşlanan nüfus, geçici kısıtlar (kırık kol, unutulan gözlük) ve zayıf internet bağlantısı gibi durumlar da aynı ihtiyaçları doğurur.
Erişilebilir bir site üç açıdan işletmenize değer katar:
Daha geniş kitle: Engelli bireyler ve yakınları, erişilebilir hizmet veren işletmeleri tercih eder
Daha iyi SEO: Ekran okuyucu dostu yapı (semantik HTML, doğru başlık hiyerarşisi, alt metinler) Google'ın içeriğinizi anlamasını kolaylaştırır
Daha yüksek dönüşüm: Daha okunaklı metin, daha büyük dokunma alanları ve net formlar herkese iyi gelir
WCAG: Dünyanın Ortak Dili
Erişilebilirliğin uluslararası standardı WCAG'dir (Web Content Accessibility Guidelines). WCAG dört temel prensibe dayanır:
Algılanabilir: Bilgi ve arayüz öğeleri herkes tarafından algılanabilmeli (alt metin, altyazı, kontrast)
Çalıştırılabilir: Arayüz klavyeyle kullanılabilmeli ve kullanıcıya yeterli süre tanınmalı
Anlaşılır: İçerik ve arayüz anlaşılır olmalı, hatalar açıkça bildirilmeli
Dayanıklı: İçerik, ekran okuyucular dahil farklı araçlarla güvenilir şekilde yorumlanabilmeli
WCAG'de A, AA ve AAA olmak üzere üç uyum seviyesi vardır. Küçük işletmeler için hedef AA seviyesidir: erişilebilirliğin büyük bölümünü karşılar ve sürdürülebilir bir çabadır. İyi haber şu: AA seviyesinin önemli bir kısmı, kod bilmeden içerik ve tasarım düzeyinde yapılabilecek işlerdir.
1. Renk Kontrastı: En Sık Yapılan Erişilebilirlik Hatası
Sitenizde açık gri metni beyaz zemin üzerinde kullanıyorsanız, az gören kullanıcılar ve güneş altında telefon kullananlar bu metni okuyamaz. WCAG, normal boyuttaki metinler için en az 4.5:1, büyük metinler için 3:1 kontrast oranı ister.
Kontrol etmesi ücretsiz: WebAIM Contrast Checker gibi araçlara metin ve zemin renklerinizi girin, oranı görün. Kontrastı tasarımda bir kez doğru kurduktan sonra, her yeni sayfada aynı kuralları uygulamanız yeterlidir.
Renk körlüğünü de unutmayın. Bilgiyi yalnızca renkle veriyorsanız (örneğin "yeşil buton aktif, gri buton pasif"), renk körü bir ziyaretçi bu ayrımı göremez. Rengin yanına her zaman bir metin, ikon veya desen ekleyin.
2. Klavye ile Gezinme
Fare kullanamayan birçok kullanıcı — hareket kısıtı olanlar, profesyonel klavye kullanıcıları ve bazı ekran okuyucu kullanıcıları — sitenizde yalnızca klavyeyle gezer. Bu durumda üç şey kritik:
Görünür odak: Sekme tuşuyla gezdiğinizde hangi öğede olduğunuz net şekilde görülmeli; "odak göstergesini kaldırma" hilesi erişilebilirliği yok eder
Mantıklı sıra: Sekme sırası sayfanın görsel sırasını izlemeli; hiçbir öğe klavyeyle erişilemez durumda kalmamalı
Tuzağa düşmeme: Açılan bir menü veya pencere klavyeyle kapatılabilmeli (Esc), kullanıcı bir öğede sıkışıp kalmamalı
Basit bir test: Sitenizi açın, fareyi bir kenara bırakın ve yalnızca Tab, Shift+Tab ve Enter tuşlarıyla tüm sayfayı dolaşın. Bir yere ulaşamıyorsanız veya nerede olduğunuzu göremiyorsanız, erişilebilirlik sorununuz var demektir.
3. Ekran Okuyucular İçin Doğru Yapı
Ekran okuyucular, sayfadaki içeriği sesli olarak okuyan yazılımlardır. Görme engelli kullanıcıların internette gezinme biçimidir. Ekran okuyucu dostu bir site, doğru HTML yapısıyla başlar:
Başlık hiyerarşisi: Sayfada tek bir H1, ardından mantıklı sırada H2 ve H3 başlıklar; başlıkları yalnızca büyütmek için kullanmayın
Semantik etiketler: Menü, navigasyon, makale ve buton gibi öğeler gerçek HTML etiketleriyle işaretlenmeli
ARIA'yı ölçülü kullanın: ARIA etiketleri gerektiğinde yardımcıdır; ancak yanlış kullanımı hiç kullanmamaktan kötüdür. Önce doğal HTML, ARIA yalnızca eksik kalan yerlerde
Türkçe içerikte bir detay daha önemli: Ekran okuyucular sayfayı doğru telaffuz edebilmek için sayfanın dilini bilmelidir. Sitenizin HTML'inde lang="tr" tanımı varsa, Türkçe karakterler ve telaffuz doğru işlenir.
4. Formlar: Etiketler ve Hata Mesajları
İletişim formunuz erişilebilirliğin en kritik testlerinden biridir. Üç kural:
Her alanın etiketi olsun: "Adınız" yazan gerçek bir etiket, alanın içindeki soluk "Adınız" yazısından farklıdır; ekran okuyucu etiketi okur, placeholder'ı çoğu zaman atlar
Hatalar açıkça söylensin: Hatalı alan yalnızca kırmızıya boyanmamalı; "E-posta adresi geçersiz" gibi bir metinle bildirilmeli ve hata alanla ilişkilendirilmeli
Dokunma alanları büyük olsun: Mobilde buton ve alanlar en az 44-48 piksel yüksekliğinde olmalı; küçük hedefler herkes için sinir bozucudur
5. Görseller, Video ve Alternatif Metinler
Görsellerinizin her biri, ne olduğunu anlatan kısa bir alternatif metin (alt text) taşımalı. Dekoratif görseller için boş alt metin (alt="") kullanın; "fotoğraf" veya "görsel" gibi anlamsız metinler ekran okuyucu kullanıcısına hiçbir şey söylemez.
Video içeriğiniz varsa:
6. Hareket ve Animasyon Hassasiyeti
Animasyonlar sitenize karakter katar; ancak büyük, ani veya sürekli hareket, vestibüler bozukluğu olan kullanıcılarda baş dönmesi ve mide bulantısına yol açabilir. 2026'da doğru yaklaşım:
Erişilebilirlik İşletmenize Ne Kazandırır?
Erişilebilirlik bir maliyet değil, yatırımdır. Deneyimler ve rakamlar şunları gösteriyor:
Sık Yapılan 5 Hata
Kontrastı ihmal etmek: Açık gri metin ve düşük kontrastlı butonlar — en yaygın hata
Odak göstergesini kaldırmak: "outline: none" ile klavye kullanıcılarını görünmez bırakmak
Placeholder'ı etiket sanmak: Form alanlarında gerçek etiket kullanmamak
Yalnızca renkle bilgi vermek: Hata ve durumları renkten başka işaretle belirtmemek
Otomatik oynayan medya: Sessizce başlayan video ve müzik, kullanıcıyı şaşırtır ve kontrolü zorlaştırır
Sonuç
Erişilebilirlik pahalı araçlar veya ileri düzey teknik bilgi gerektirmez. Kontrast kontrolü, doğru başlık hiyerarşisi, etiketli formlar ve klavye testi — bunların çoğu bir hafta sonunda, sıfır bütçeyle tamamlanabilir. 2026'da erişilebilir bir web sitesi; hem etik bir sorumluluk, hem de rakiplerinizin çoğunun henüz kullanmadığı bir rekabet avantajıdır.
Web sitenizin erişilebilirlik düzeyini birlikte değerlendirelim. Ücretsiz keşif görüşmesiyle size özel bir yol haritası çıkaralım.