Web Erişilebilirlik ve WCAG 2.2 Uyumu

Sitenizin klavyeyle, ekran okuyucuyla ve düşük görme koşullarında da kullanılabilir olmasını sağlıyor; AB pazarındaki yasal yükümlülüğe teknik olarak hazırlıyoruz.

WCAG 2.2 AA Avrupa Erişilebilirlik Yasası Manuel ve Otomatik Test Kod Düzeltme
AdresAtaşehir / İstanbul
Telefon+90 850 335 10 87
E-postainfo@360-soft.com
Web Erişilebilirlik ve WCAG 2.2 Uyumu

Herkesin kullanabildiği bir site

Web erişilebilirliği, bir sitenin görme, işitme, motor veya bilişsel engeli olan kişiler de dahil olmak üzere herkes tarafından kullanılabilmesidir. Pratikte bu; fare kullanamayan birinin siteyi yalnızca klavyeyle gezebilmesi, ekran okuyucu kullanan birinin ürün görselinin ne gösterdiğini ve form alanının ne beklediğini duyabilmesi, renk körlüğü olan birinin hata mesajını yalnızca kırmızı renkten anlamak zorunda kalmaması demektir. Aynı düzenlemeler parlak güneş altında telefondan alışveriş yapan, kolu alçılı ya da yaşı ilerlemiş kullanıcının da işini kolaylaştırır.

Bu konunun uluslararası teknik referansı W3C’nin yayımladığı WCAG (Web Content Accessibility Guidelines) yönergeleridir. Güncel sürüm WCAG 2.2’dir ve başarı kriterleri A, AA ve AAA olmak üzere üç düzeyde tanımlanır; yasal düzenlemelerde ve kurumsal ihalelerde genellikle AA düzeyi hedeflenir.

Neden şimdi gündemde?

Avrupa Erişilebilirlik Yasası (European Accessibility Act, EAA) 28 Haziran 2025’ten itibaren uygulanmaktadır. Yasa, AB’deki tüketicilere sunulan e-ticaret hizmetleri, bankacılık hizmetleri, e-kitaplar ve yolcu taşımacılığı biletleme gibi hizmetlerin erişilebilir olmasını şart koşar. Uygulamada teknik referans olarak Avrupa standardı EN 301 549 kullanılır ve bu standardın web bölümü WCAG kriterlerine dayanır. Denetim ve yaptırımlar her üye ülkenin kendi ulusal mevzuatıyla belirlenir.

Kimler için öncelikli?

  • AB’ye doğrudan satış yapan e-ticaret siteleri: Almanca, Fransızca, Hollandaca veya İngilizce mağazasıyla AB’deki tüketicilere ürün satan firmalar.
  • AB’deki kurumsal müşterilere yazılım veya dijital hizmet sağlayanlar: müşterilerinin kendi uyumları için tedarikçiden erişilebilirlik beyanı istediği SaaS ve yazılım firmaları.
  • Kamu ve büyük kurum ihalelerine giren şirketler: teknik şartnamede WCAG AA uyumu istenen projeler.
  • Kullanıcı kitlesi geniş tüm siteler: yasal zorunluluk olmasa bile erişilebilirlik sorunları dönüşüm kaybı demektir; klavyeyle tamamlanamayan bir ödeme formu satış kaybettirir.

Denetim ve düzeltme kapsamı

Her bulgu ilgili WCAG başarı kriteri, etkilediği kullanıcı grubu ve düzeltme yöntemiyle raporlanır.

Otomatik tarama

Şablon bazında seçilen sayfalarda axe tabanlı araçlar ve Lighthouse ile makine tarafından tespit edilebilen sorunların çıkarılması.

Klavye ve odak testi

Tüm etkileşimli öğelerin Tab ile erişilebilirliği, odak sırasının mantıklı olması, odak göstergesinin görünür ve başka öğelerin altında kalmaması (WCAG 2.2 - 2.4.11).

Ekran okuyucu testi

NVDA (Windows), VoiceOver (macOS ve iOS) ve TalkBack (Android) ile kritik akışların sesli olarak test edilmesi: menü, arama, ürün sayfası, sepet, ödeme, üyelik.

Görsel ve içerik kontrolleri

Renk kontrastı, metin yeniden boyutlandırma ve 320 piksel genişlikte yeniden akış, alternatif metinler, başlık hiyerarşisi, bağlantı metinleri, dil tanımları.

Form ve hata yönetimi

Etiket-alan eşleşmesi, zorunlu alan bildirimi, hata mesajlarının ekran okuyucuya duyurulması, aynı bilginin tekrar istenmemesi (3.3.7), erişilebilir kimlik doğrulama (3.3.8).

Bileşen ve ARIA düzeltmeleri

Açılır menü, modal, sekme, akordeon, kaydırıcı ve tarih seçici gibi özel bileşenlerin WAI-ARIA desenlerine uygun hale getirilmesi; gereksiz ARIA kullanımının temizlenmesi.

Dokunma hedefi ve hareket

Mobilde küçük düğmelerin 24x24 CSS piksel minimumuna getirilmesi (2.5.8), sürükleme gerektiren işlemlere alternatif (2.5.7), hareket ve animasyon tercihlerine saygı.

Medya ve belgeler

Videolar için altyazı ve metin dökümü, otomatik oynayan medya kontrolü, indirilebilir PDF’lerin erişilebilirlik kontrolü.

Denetimden kalıcı uyuma - Web Erişilebilirlik ve WCAG 2.2 Uyumu

Denetimden kalıcı uyuma

01

Kapsam ve örnekleme

Sitenizdeki sayfa şablonları (ana sayfa, kategori, ürün, içerik, form, sepet, ödeme, hesap) ve kritik kullanıcı akışları belirlenir. Binlerce sayfalık sitelerde şablon bazlı örnekleme yapılır.

02

Denetim

Otomatik tarama, klavye testi, ekran okuyucu testi ve görsel kontroller WCAG 2.2 AA kriterlerine göre yürütülür.

03

Bulgu raporu ve önceliklendirme

Bulgular kriter, şablon, kullanıcı etkisi ve düzeltme eforuna göre sıralanır. Tek şablondaki bir düzeltmenin yüzlerce sayfayı iyileştirdiği noktalar öne alınır.

04

Kod düzeltmesi

Düzeltmeler tema, bileşen kütüphanesi veya uygulama kodunda yapılır; isterseniz ekibinize kod örnekli düzeltme talimatları teslim edilir.

05

Doğrulama testi

Düzeltilen kriterler aynı yöntemlerle yeniden test edilir; kalan bilinen kısıtlamalar belgelenir.

06

Beyan ve süreklilik

Erişilebilirlik beyanı taslağı hazırlanır. Yeni içerik ve özelliklerde gerilemeyi önlemek için editör kontrol listesi ve CI sürecine otomatik erişilebilirlik testi eklenir.

Çalışma sonunda teslim edilenler

Teslimat İçerik Kimin işine yarar?
WCAG 2.2 AA denetim raporu Kriter bazında uygun / uygun değil / uygulanamaz değerlendirmesi, bulgu kanıtları (ekran görüntüsü, kod parçası) Yönetim, hukuk danışmanı, kurumsal müşteriler
Önceliklendirilmiş düzeltme listesi Şablon bazında gruplanmış bulgular, efor tahmini, kod örnekleri Geliştirme ekibi
Düzeltilmiş kod Tema, bileşen ve uygulama kodunda yapılan düzeltmeler (düzeltme kapsamı seçildiyse) Site sahibi
Doğrulama raporu Düzeltme sonrası tekrar test sonuçları ve kalan kısıtlamalar Yönetim, denetim
Erişilebilirlik beyanı taslağı Değerlendirme standardı, kısıtlamalar, geri bildirim kanalı Site ziyaretçileri, düzenleyici kurumlar
İçerik editörü kontrol listesi Görsel, başlık, bağlantı, tablo ve PDF yayınlarken dikkat edilecekler İçerik ve pazarlama ekibi
Nasıl fiyatlandırılır? - Web Erişilebilirlik ve WCAG 2.2 Uyumu

Nasıl fiyatlandırılır?

Fiyatlandırma

Erişilebilirlik denetimi ve düzeltmesi için sitede yayınlanmış sabit bir fiyat yoktur. Maliyeti sayfa şablonu sayısı, özel bileşenlerin yoğunluğu, dil sayısı ve düzeltmenin bizim tarafımızdan mı ekibiniz tarafından mı yapılacağı belirler. Sitenizin adresini paylaştığınızda ön inceleme yapılır ve projeye özel sabit fiyat teklifi 24 saat içinde iletilir.

Yeni bir site planlıyorsanız

Erişilebilirliği sonradan eklemek, baştan tasarlamaktan her zaman daha maliyetlidir. Yeni bir proje planlıyorsanız UI/UX Tasarım ve Ürün Keşfi aşamasında renk paleti, tipografi ve bileşen kütüphanesini WCAG 2.2 AA’ya göre kuruyoruz. Kurumsal Web Tasarım ve E-Ticaret projelerimizde de bu temeli kullanıyoruz. Ön yüz kodunun kendisiyle ilgili ayrıntılar için Frontend Geliştirme sayfamıza bakabilirsiniz.

Avrupa Erişilebilirlik Yasası (Directive (EU) 2019/882), 28 Haziran 2025’ten itibaren AB pazarında tüketicilere sunulan belirli ürün ve hizmetler için uygulanmaktadır; e-ticaret hizmetleri de bunların arasındadır. Belirleyici olan şirketin nerede kurulu olduğu değil, AB’deki tüketicilere hizmet sunulup sunulmadığıdır. Mikro işletmeler için hizmetlerde muafiyet vardır. Şirketinizin durumunu kesinleştirmek için hukuk danışmanınızın görüşünü almanızı öneririz; biz teknik uyum tarafını üstleniyoruz.

WCAG 2.2, 2.1’in tüm kriterlerini korur (4.1.1 Ayrıştırma kriteri kaldırılmıştır) ve yeni kriterler ekler. AA düzeyinde öne çıkanlar: odaklanan öğenin sabit başlık veya çerez bandı altında kalmaması, sürükle-bırak gerektiren işlemlere tek tıkla alternatif sunulması, tıklama hedeflerinin en az 24x24 CSS pikseli olması ve giriş ekranlarında bulmaca veya hafıza testi zorunlu tutulmaması. A düzeyinde ise yardım bağlantılarının tutarlı yerde olması ve aynı bilginin tekrar tekrar istenmemesi eklenmiştir.

Hayır. Sayfaya eklenen bir JavaScript widget’ı yazı boyutu veya kontrast değiştirme düğmesi sunabilir, ama eksik form etiketlerini, yanlış başlık hiyerarşisini, klavyeyle erişilemeyen menüleri veya anlamsız bağlantı metinlerini kaynağında düzeltmez. Ekran okuyucu kullanıcıları bu araçların zaman zaman deneyimi daha da zorlaştırdığını belirtmektedir. Uyum, HTML, CSS ve JavaScript kodunun düzeltilmesiyle sağlanır.

Otomatik araçlar (axe, Lighthouse, WAVE gibi) eksik alternatif metin veya yetersiz kontrast gibi makinenin tespit edebildiği sorunları hızla bulur; ancak WCAG kriterlerinin önemli bir kısmı insan değerlendirmesi gerektirir. Örneğin bir görselin alternatif metninin var olup olmadığı otomatik bulunur, ama anlamlı olup olmadığı bulunamaz. Denetimimizde otomatik taramayı klavye testi ve ekran okuyucu testiyle birlikte yapıyoruz.

Doğrudan bir sıralama faktörü olarak değil, ama iki çalışma büyük ölçüde aynı temele dayanır: anlamlı başlık yapısı, açıklayıcı bağlantı metinleri, görsel alternatif metinleri, düzgün HTML semantiği. Erişilebilir bir site arama motorları ve yapay zeka sistemleri tarafından da daha kolay anlaşılır.

Evet. Denetim ve düzeltme sonrası sitenin hangi standarda göre değerlendirildiğini, bilinen kısıtlamaları ve erişilebilirlik geri bildirimi için iletişim kanalını içeren bir erişilebilirlik beyanı taslağı hazırlıyoruz. EAA kapsamındaki hizmetlerde bu tür bilgilendirmenin nasıl sunulacağı konusunda hukuk danışmanınızla birlikte son hali verilmesini öneririz.

Sıradaki başarı
hikayesi sizin.

İlk danışmanlık görüşmesi ücretsiz. 24 saat içinde size özel teklif hazırlıyoruz.

Ücretsiz Teklif Alın