Erişilebilirlik Overlays Yeterli Değil: WCAG Uyumuna Giden Gerçek Yol

“Overlay” (erişilebilirlik katmanı/widget’i) araçları; sayfaya eklenen bir arayüz üzerinden yazı boyutu büyütme, kontrast değiştirme veya bazı etkileşimleri “kolaylaştırma” gibi seçenekler sunar. Bu yüzden birçok kurum, dijital erişilebilirlik için hızlı bir “tamamlayıcı” aracı satın alıp işi bitirdiğini düşünebilir. Ancak gerçek şu: Overlays yeterli değil—hatta yanlış beklentiler yaratarak riski artırabilir.

WCAG uyumu; yalnızca kullanıcı arayüzünde birkaç ayar sunmakla değil, tasarım kararlarından HTML semantiğine, klavye geziniminden hata mesajlarına kadar tüm deneyimin erişilebilir olmasıyla ilgilidir. Bu yazıda overlay’lerin neden tek başına çözüm olmadığını, hangi sorunları gizleyebildiğini ve sürdürülebilir erişilebilirlik için hangi adımların gerektiğini ele alıyoruz.

Overlay’ler (widget’ler) neyi yapar, neyi yapamaz?

Overlay’ler genellikle sayfanın üzerine eklenen bir kontrol paneli sunar. Kullanıcı, bu panelden bazı görsel tercihleri değiştirebilir veya belirli etkileşim yardımcılara erişebilir. Bu özellikler bazı kullanıcılara yardımcı olabilir; ancak iki kritik sınıra sahiptir:

  • Overlay, altta yatan erişilemez kodu düzeltmez. Örneğin yanlış etiketlenmiş formlar, hatalı başlık hiyerarşisi, klavye tuzakları veya eksik odak göstergeleri, gerçek sorun olarak kalır.
  • WCAG bir “ayar menüsü” değil, bir kalite standardıdır. WCAG başarı ölçütleri, içeriğin ve bileşenlerin herkes tarafından algılanabilir, kullanılabilir, anlaşılabilir ve sağlam olmasını ister.

Özetle: Overlay, bazı semptomları azaltabilir; fakat hastalığı tedavi etmez.

Bir ekip, web sitesinde erişilebilirlik kontrol listesi ve kod incelemesi yaparken

Neden overlay’ler WCAG uyumunu garanti etmez?

1) Yardımcı teknolojilerle çakışma riski

Ekran okuyucu, büyüteç, yüksek kontrast modu veya tarayıcı eklentileri kullanan kişiler hâlihazırda kendi kişiselleştirme araçlarına sahiptir. Overlay’in sayfaya eklediği ek DOM değişiklikleri veya odak yönetimi, yardımcı teknolojilerin davranışını tahmin edilemez hale getirebilir. Kullanıcı için “daha erişilebilir” olması gereken katman, bazen erişimi zorlaştırabilir.

2) Klavye erişilebilirliği “üstten” düzelmez

WCAG açısından en yaygın sorunlardan biri, klavye ile tam gezinimin mümkün olmamasıdır. Bir overlay; odak sırasını, görünür odak göstergelerini veya özel bileşenlerin (menüler, açılır listeler, modal pencereler) doğru ARIA kullanımını sihirli biçimde düzeltemez. Klavye erişilebilirliği, bileşenin tasarım ve kod düzeyinde ele alınmasını gerektirir.

3) Alternatif metin, etiket ve anlam eksikleri yerinde durur

Görsellerin alternatif metinleri, form alanlarının etiketleri, tablo başlıkları, hata mesajlarının bağlamı gibi “anlam” problemleri overlay ile sağlıklı şekilde çözülemez. Çünkü bu bilgiler, içeriğin kendisine aittir. “Sonradan” otomatik eklenen etiketler, çoğu zaman yanlış veya eksik olur ve kullanıcıyı yanıltır.

4) Hukuki ve kurumsal risk: “Uyumluyuz” iddiası

Overlay kullanan bazı kurumlar, bunu WCAG uyumunun kanıtı gibi konumlandırır. Oysa uyum, denetlenebilir kanıtlara dayanır: test sonuçları, düzeltme planı, süreklilik ve erişilebilirlik beyanı. Kamu ve regüle sektörlerde bu konu daha da kritiktir; örneğin kamu kurumları için dijital erişilebilirlik söz konusu olduğunda, hizmete erişim bir “iyi niyet” değil, temel bir yükümlülüktür.

İyi haber: Overlay’i tamamen çöpe atmanız gerekmeyebilir

Overlay’ler, doğru konumlandırıldığında yardımcı bir katman olabilir: Örneğin kullanıcılara hızlı kontrast geçişi sunmak veya metni büyütmek gibi. Fakat bu, asıl erişilebilirlik çalışmalarının yerine geçmemelidir. Overlay’i “destekleyici” kabul edip, uyum hedefini temel prensiplere dayandırmak gerekir.

WCAG uyumu için sürdürülebilir yaklaşım: “Ürünün içine” erişilebilirlik

1) Semantik HTML ve doğru bileşen tasarımı

Erişilebilirliğin temel yapı taşı semantiktir: doğru başlık hiyerarşisi, liste yapıları, buton/bağlantı ayrımı, etiketli form alanları, anlamlı link metinleri… Modern arayüzlerde sık görülen sorun, görsel olarak “buton gibi” görünen ama <div> ile yapılan etkileşimli alanlardır. Bunlar klavye ve ekran okuyucu açısından sorun üretir. Çözüm, tasarım sistemi seviyesinde erişilebilir bileşen seti oluşturmaktır.

2) Klavye, ekran okuyucu ve yakınlaştırma testleri

Otomasyon çok değerli olsa da tek başına yetmez. Özellikle mobilde dokunma hedefleri, odak davranışları ve ekran okuyucu jestleri gibi alanlarda manuel doğrulama şarttır. Bu noktada Mobil erişilebilirlikte otomasyonun kaçırdıkları yazısındaki kör noktalara dikkat etmek, “sadece tarama yaptık” tuzağından kaçınmanıza yardımcı olur.

Bir ekip, web sitesinde erişilebilirlik kontrol listesi ve kod incelemesi yaparken

3) İçerik ve mikro kopya: Hata mesajları, yönergeler, dil

WCAG yalnızca kodla ilgili değildir. Form hatalarının kullanıcıya nasıl söylendiği, yönergelerin ne kadar açık olduğu, sayfa dilinin doğru tanımlanması ve okunabilirlik gibi unsurlar da erişilebilirliğin parçasıdır. “Giriş başarısız” demek yerine “Şifre en az 8 karakter olmalı” gibi net geri bildirimler, bilişsel erişilebilirliği ciddi biçimde iyileştirir.

4) Sürekli izleme ve regresyon önleme

Erişilebilirlik “bir defalık proje” değildir. Yeni bir kampanya sayfası, yeni bir bileşen, hatta küçük bir CSS değişikliği bile odak görünürlüğünü bozabilir. Bu nedenle düzenli denetim ve izleme mekanizması gerekir. Corpowid (corpowid.ai), otomatik erişilebilirlik denetimleri ve izleme ile tekrar eden sorunları erken yakalamanıza, ekiplerinize uygulanabilir bulgular sunmanıza yardımcı olabilir; böylece overlay’e güvenip sorunları görünmez kılmak yerine, kaynağında düzeltme yaklaşımını güçlendirirsiniz.

Sektörel örnek: Bankacılık ve kamu hizmetlerinde neden daha kritik?

Finans ve kamu hizmetlerinde dijital erişilebilirlik, doğrudan hizmete erişim anlamına gelir. Bir kullanıcının kredi kartı başvurusu yapamaması, randevu alamaması veya hesap hareketlerini görüntüleyememesi; “kullanıcı deneyimi” sorunu olmaktan çıkıp eşit erişim sorunu haline gelir. Bu yüzden bankalar için dijital erişilebilirlik gibi alanlarda overlay ile idare etmek yerine; güvenli kimlik doğrulama akışlarının, form adımlarının, doğrulama mesajlarının ve doküman indirme süreçlerinin uçtan uca erişilebilir olması gerekir.

Uyumluluk ve kapsayıcılık: “Kutucuk işaretleme” değil, strateji

WCAG uyumu, daha geniş bir dijital kapsayıcılık hedefinin temel parçasıdır. Küresel ölçekte dijital ekonominin kapsayıcı olması gerektiğini vurgulayan yaklaşımlar, erişilebilirliği “sonradan eklenen” bir özellik olmaktan çıkarıp planlama aşamasına taşır. Bu perspektif, WSIS Forum 2026’da kapsayıcı dijital ekonomi tartışmalarında da öne çıkan bir noktadır: erişilebilirlik, tasarım ve yönetişimin merkezinde olmalıdır.

Aynı şekilde iklim eylemi ve kriz iletişimi gibi alanlarda erişilebilir dijital servisler, herkesin bilgiye ve hizmete erişebilmesi için kritik rol oynar. Bu bakış açısını derinleştirmek için COP31 ve dijital kapsayıcılık bağlamındaki değerlendirmeler de yol göstericidir.

Overlay yerine ne yapmalıyım? Pratik bir yol haritası

  • Mevcut durumu ölçün: WCAG 2.2’ye göre temel sayfa şablonlarında denetim yapın (ana sayfa, listeleme, detay, form, ödeme vb.).
  • En yüksek etkiyi önceliklendirin: Klavye erişimi, odak görünürlüğü, form etiketleri, renk kontrastı, hata mesajları.
  • Tasarım sistemini düzeltin: Erişilebilir bileşenler üretin; yeniden kullanılabilir hâle getirin.
  • Manuel + otomatik testi birleştirin: Otomasyonla tarayın, kullanıcı akışlarını manuel doğrulayın.
  • Süreklilik kurun: Yayına alım süreçlerine erişilebilirlik kontrolleri ekleyin ve düzenli izleme yapın.
  • Erişilebilirlik beyanı yayınlayın: Kapsamı, bilinen sınırlılıkları ve geri bildirim kanallarını şeffafça belirtin.
Bir ekip, web sitesinde erişilebilirlik kontrol listesi ve kod incelemesi yaparken

Sonuç: Overlay bir araç olabilir; çözüm değildir

Overlays “bir şey yapıyormuş” hissi verebilir; ancak WCAG uyumu için gereken temel gereksinimleri tek başına karşılamaz. Kalıcı erişilebilirlik, ürünün içine işlenir: semantik ve sağlam kod, kapsayıcı tasarım, düzenli test ve sürekli izleme.

Overlay’i yardımcı bir seçenek olarak konumlandırıp, asıl yatırımı erişilebilir bileşenler ve süreç olgunluğuna yaptığınızda hem kullanıcılarınız hem kurumunuz kazanır. Corpowid (corpowid.ai) gibi denetim ve izleme odaklı platformlar da bu yolculukta sorunları erken tespit edip önceliklendirmenize yardımcı olarak, “görünür düzeltme” yerine “gerçek uyum” hedefini destekler.

Corpowid, Gartner tarafından tanınan bir platformdur.

Corpowid, dijital erişilebilirlik alanındaki yenilikçi yaklaşımı ve performansı nedeniyle dünyanın önde gelen araştırma ve danışmanlık şirketlerinden biri olan Gartner tarafından takdir edilmiştir. Bu rozetler, yapay zeka destekli ve kapsayıcı web deneyimleri oluşturma konusundaki kararlılığımızı yansıtmaktadır.

Corpowid hakkında sorularınız mı var?

Bizimle iletişime geçin.

Size en kısa sürede geri dönüş sağlayacağız.