Erişilebilir e-ticaret: WCAG uyumu neden önemli?

Erişilebilirlik çoğu e-ticaret projesinde "yasal zorunluluk olursa bakarız" rafına kaldırılan bir konu. Oysa görme, işitme, motor veya bilişsel güçlük yaşayan milyonlarca kullanıcı, sitenizden alışveriş yapmak isteyip yapamayan gerçek müşterilerdir. Bu yazıda WCAG standardının ne olduğunu, e-ticarete neden doğrudan ciro etkisi yaptığını ve uyumu adım adım nasıl kuracağınızı ele alıyoruz.

WCAG nedir, kimi kapsar?

WCAG (Web Content Accessibility Guidelines), web içeriğinin engelli kullanıcılar tarafından algılanabilir, kullanılabilir, anlaşılabilir ve sağlam olmasını tanımlayan uluslararası standarttır. A, AA ve AAA olmak üzere üç uyum seviyesi vardır; dünya genelinde yasal düzenlemelerin ve kamu ihalelerinin referans aldığı seviye genellikle AA'dır.

Standardın kapsadığı kitle sanılandan çok daha geniştir. Görme engelli kullanıcılar ekran okuyucuyla gezinir; az görenler yüksek kontrast ve büyütme kullanır; motor güçlüğü yaşayanlar fareyi değil klavyeyi tercih eder; işitme engelliler video içeriklerde altyazıya ihtiyaç duyar. Buna geçici durumları da ekleyin: kolu alçıda olan, ameliyat sonrası ekrana odaklanamayan veya güneş altında telefon ekranını zor gören herkes, o an için erişilebilirlik özelliklerinden yararlanır. Nüfusun kabaca yüzde 10-15'inin kalıcı bir engelle yaşadığı düşünüldüğünde, erişilemez bir site her yüz ziyaretçiden onunu kapıdan çevirmek anlamına gelir.

E-ticaret için neden kritik?

Erişilebilirliğin e-ticarete etkisi üç eksende somutlaşır. Birincisi doğrudan pazar: engelli kullanıcılar ve yakınları, fiziksel mağaza deneyimi kendileri için zor olduğundan online alışverişe ortalamanın üzerinde bağımlıdır. Erişilebilir bir site, rakiplerin görmezden geldiği sadık bir kitleyi kazanır; bu kullanıcılar sorunsuz alışveriş yapabildikleri siteyi kolay kolay terk etmez.

İkincisi hukuki ve kurumsal boyut. Avrupa Birliği'nin Erişilebilirlik Yasası (European Accessibility Act) 2025 itibarıyla e-ticaret sitelerini de kapsıyor; AB'ye satış yapan veya yapmayı planlayan Türk markaları için bu artık bir tercih değil, pazar giriş şartı. Türkiye'de de kamu tarafında erişilebilirlik denetimleri yaygınlaşıyor ve kurumsal müşterilere satış yapan firmalardan giderek daha sık WCAG uyum beyanı isteniyor.

Üçüncüsü ise herkesin işine yarayan yan etkiler: erişilebilirlik iyi mühendisliğin göstergesidir. Doğru başlık hiyerarşisi ve anlamlı alternatif metinler SEO'yu güçlendirir — bu konuyu e-ticaret SEO rehberimizde daha ayrıntılı ele aldık; yüksek kontrast ve net odak göstergeleri tüm kullanıcılar için formları kolaylaştırır; klavye ile gezilebilen bir site, otomasyon testlerine de daha yatkındır.

Dört ilke: algılanabilir, kullanılabilir, anlaşılabilir, sağlam

WCAG'ın tüm kuralları dört ilkeye dayanır ve e-ticarette her birinin somut karşılığı vardır:

• Algılanabilir: Ürün görsellerinin anlamlı alt metinleri olmalı ("IMG_2041" değil, "lacivert oversize erkek sweatshirt önden görünüm"). Metin ile arka plan arasındaki kontrast oranı normal metinde en az 4,5:1 olmalı; soluk gri fiyat etiketleri ve pastel butonlar bu kuralın en sık ihlalidir.
• Kullanılabilir: Sitenin tamamı yalnızca klavyeyle gezilebilmeli: menü, filtreler, varyant seçimi, sepet ve ödeme. Hangi öğenin odakta olduğu her an görünür olmalı; odak halkasını CSS ile silmek en yaygın ve en zararlı alışkanlıktır.
• Anlaşılabilir: Form hataları yalnızca kırmızı çerçeveyle değil, metinle ve hataya odak taşıyarak bildirilmeli. "Geçersiz giriş" yerine "Telefon numarası 10 haneli olmalı, örn. 5XX XXX XX XX" yazın.
• Sağlam: Semantik HTML kullanın: buton için button, bağlantı için a, başlık için h2. Tıklanabilir div'lerle kurulan arayüzler ekran okuyucular için görünmezdir.

Kritik akışlar: listeden ödemeye erişilebilirlik

E-ticarette erişilebilirlik en çok üç akışta sınanır. Ürün listelemede filtreler ve sıralama klavyeyle açılıp kapanabilmeli, seçilen filtre sayısı ekran okuyucuya bildirilmelidir; bulunabilirliği güçlendiren bu detayları site içi arama yazımızda da işledik. Ürün detayında varyant seçimi (beden, renk) yalnızca renk kutucuğuna tıklamayla değil, etiketli ve klavyeyle seçilebilir kontrollerle yapılmalı; stokta olmayan varyantın "tükendi" bilgisi görsel üstü çizgiden ibaret kalmamalıdır.

En kritik akış ise ödemedir. Sepete ekleme sonrası açılan bildirimler ekran okuyucuya duyurulmalı, adım adım ilerleyen ödeme sürecinde kullanıcı hangi adımda olduğunu bilmeli, süre kısıtı varsa (örneğin banka doğrulaması) uzatma imkânı sunulmalıdır. Ödeme sayfasında kaybedilen her erişilebilirlik puanı, doğrudan tamamlanamayan sipariş demektir: kullanıcı ürünü seçmiş, sepete atmış ama son adımı geçememiştir. Bu, düşük performansın en pahalı biçimidir; dönüşüm huninizin neresinde kayıp yaşandığını sistematik ölçmenin yollarını dönüşüm oranını artıran 7 yöntem yazısında bulabilirsiniz.

"Erişilebilirlik bir özellik değil, kalite ölçüsüdür: klavyeyle tamamlanamayan bir ödeme akışı, bazı müşterileriniz için hiç var olmayan bir mağazadır."

Uyum nasıl test edilir?

Erişilebilirlik testi iki katmanlıdır ve ikisi birbirinin yerine geçmez. Otomatik araçlar (Lighthouse, axe, WAVE) kontrast, eksik alt metin ve etiketsiz form alanı gibi kuralların yaklaşık üçte birini yakalar; hızlıdır ve her dağıtımda çalışacak şekilde sürece eklenmelidir. Ancak "sepet akışı klavyeyle mantıklı bir sırada ilerliyor mu" veya "hata mesajı gerçekten anlaşılır mı" sorularına yalnızca elle test cevap verir.

Elle test için pahalı bir laboratuvara ihtiyacınız yok. Üç basit egzersizle başlayın: fareyi çekmecede bırakıp siteyi yalnızca Tab, Enter ve ok tuşlarıyla gezin ve bir siparişi baştan sona tamamlamaya çalışın; işletim sisteminin yerleşik ekran okuyucusunu (VoiceOver, NVDA) açıp ürün sayfasını dinleyin; tarayıcı yakınlaştırmasını yüzde 200'e çıkarıp hiçbir içeriğin kaybolmadığını ve yatay kaydırma çıkmadığını doğrulayın. Bu üç egzersiz, sitenizin gerçek durumu hakkında herhangi bir rapordan daha fazlasını öğretir.

Gerçekçi bir uyum yol haritası

Mükemmel AAA uyumunu hedefleyip hiç başlamamak, en yaygın hatadır. Bunun yerine kademeli ilerleyin. İlk ay hızlı kazanımlara odaklanın: kontrast düzeltmeleri, alt metinler, form etiketleri, odak göstergesinin geri getirilmesi. Bunlar tasarımı değiştirmeden yapılabilen ve otomatik araç skorunu hızla yükselten işlerdir.

İkinci aşamada kritik akışları (arama, ürün detay, sepet, ödeme) klavye ve ekran okuyucuyla uçtan uca test edip düzeltin. Üçüncü aşamada ise süreci kalıcılaştırın: yeni her bileşen için erişilebilirlik kontrolünü tanım gereği tamamlanma ölçütü yapın, otomatik taramayı yayın öncesi kontrol listesine ekleyin ve yılda en az bir kez gerçek kullanıcılarla test yapın. Erişilebilirlik bir proje değil, tıpkı performans gibi sürekli korunan bir standarttır.

Özetle takip edilecek sıra şudur:

1. 1. ay: Kontrast, alt metin, form etiketi ve odak göstergesi gibi tasarımı bozmayan hızlı kazanımları uygulayın.
2. 2-3. ay: Arama, ürün detay, sepet ve ödeme akışlarını klavye ve ekran okuyucuyla uçtan uca test edip düzeltin.
3. Sürekli: Erişilebilirlik kontrolünü tanım gereği tamamlanma ölçütüne ekleyin, otomatik taramayı yayın sürecine bağlayın ve yılda en az bir kez gerçek kullanıcı testi yapın.

Sonuç

WCAG uyumu; daha geniş bir müşteri kitlesi, daha güçlü SEO, daha temiz kod ve giderek sertleşen yasal zeminde güvence demektir. En önemlisi de şudur: erişilebilir bir site herkes için daha iyi bir sitedir — daha okunaklı, daha net, daha az hata yaptıran bir alışveriş deneyimi her müşterinizin dönüşümünü yükseltir.

Erişilebilirliğin en zor kısmı, tema ve bileşen katmanının baştan doğru kurulmasıdır. Şimşek Software'in e-ticaret altyapısında semantik HTML, klavye gezinimi ve kontrast standartları temaların çekirdeğinde gelir; siz içeriğinize odaklanırken alt metin ve form etiketi gibi alanlar panelde sizi yönlendirir. Böylece WCAG uyumu sonradan yamanan bir maliyet değil, mağazanızın doğal bir özelliği olur.