dotCREA
TREN
Tema & Tasarım

E-ticarette erişilebilirlik: yasa kimi bağlıyor, mağazanızda ne değişir?

Avrupa Erişilebilirlik Yasası 28 Haziran 2025'ten beri yürürlükte ve e-ticaret kapsamda. Mikro işletmeler muaf; muaf olsanız da Shopify mağazanızda yarım günde yapabileceğiniz sekiz kontrol var.

Erişilebilirlik, mağazanızın gözü görmeyen, elini hassas kullanamayan, klavyeyle gezen ya da ekranı iki kat büyüterek okuyan biri tarafından da kullanılabilmesi demek. Türkiye'de e-ticaret tarafında uzun süre kimsenin gündeminde değildi. Haziran 2025'te Avrupa'da uygulanmaya başlayan bir yasa bunu kısmen değiştirdi.

Bu yazı iki soruya cevap veriyor. Önce yasanın sizi bağlayıp bağlamadığını netleştiriyoruz; cevabın çoğu okur için “hayır” olduğunu baştan söyleyelim. Sonra bağlamıyorsa neden yine de ilgilenmeye değer olduğunu ve Shopify temanızda yarım günde yapabileceğiniz somut kontrolleri yazdık.

Erişilebilirlik tam olarak neyi kapsıyor?

Konu yalnızca görme engelli kullanıcılar değil. Erişilebilirlik üç farklı durumu birden kapsıyor ve üçüncüsü hepimizi ilgilendiriyor.

Kalıcı durumlar: görme, işitme, hareket ya da bilişsel engeller.
Geçici durumlar: kırık kol, göz ameliyatı sonrası, kulak enfeksiyonu.
Duruma bağlı kısıtlar: güneş altında telefon ekranı okumak, tek eli dolu alışveriş yapmak, sesi açamadığınız bir ortamda video izlemek.

Kontrastı düşük bir “Sepete ekle” düğmesi, görme engelli bir kullanıcıyı da öğle arasında dışarıda telefonuna bakan müşterinizi de aynı anda zorlar. Erişilebilirlik çalışmalarının çoğu bu yüzden ayrı bir kitleye değil, herkese aynı anda yarıyor.

Avrupa Erişilebilirlik Yasası ne getiriyor?

Avrupa Birliği'nin 2019/882 sayılı direktifi, ürün ve hizmetlerde erişilebilirlik kurallarını üye ülkeler arasında ortaklaştırıyor. Üye devletler direktifi kendi mevzuatlarına aktardı ve kurallar 28 Haziran 2025'ten itibaren uygulanıyor.

E-ticaret açıkça kapsam içinde. Almanya'nın aktarım metni olan BFSG, kapsanan hizmeti “tüketiciye web sitesi ya da mobil uygulama üzerinden, sözleşme kurmaya yönelik olarak elektronik yoldan sunulan hizmet” diye tanımlıyor. Yani bir çevrimiçi mağazanın tamamı: ürün sayfası, sepet, ödeme adımı ve sipariş sonrası ekranlar.

Uyulacak teknik ölçüt de sıfırdan yazılmadı. Avrupa standardı EN 301 549, W3C'nin yayımladığı WCAG kurallarına dayanıyor; WCAG'in kendisi de ISO standardı olarak kabul edilmiş durumda. Pratikte “erişilebilir mağaza” dendiğinde kastedilen ölçüt WCAG.

Muafiyet: mağazaların çoğu kapsam dışı

Burası yazının en önemli kısmı ve çoğu yerde atlanıyor. Hizmet sunan mikro işletmeler bu yükümlülüklerden muaf tutuldu.

Mikro işletme tanımı şu: ondan az çalışanı olan ve yıllık cirosu ya da bilanço toplamı en fazla iki milyon euro olan işletme. Bu iki koşulu birlikte sağlayan bir mağaza, hizmet tarafında yasanın erişilebilirlik yükümlülüklerine tabi değil.

Türkiye'den Avrupa'ya satan mağazaların büyük bölümü bu tanıma giriyor. Kapsama girip girmediğiniz çalışan sayınıza, cironuza ve Avrupa'daki tüketiciye hizmeti hangi yapıyla sunduğunuza bağlı. Sınırda olduğunuzu düşünüyorsanız bunu bir yazıdan değil, hukuk görüşünden netleştirin; biz avukat değiliz ve bu yazı hukuki görüş yerine geçmez.

Türkiye'de yalnızca yurt içine satan özel sektör e-ticaret siteleri için bu içerikte bir erişilebilirlik zorunluluğu bulunmuyor.

İlgili yazı
Avrupa'ya satıyorsanız

Gümrük muafiyetinin kalkması, IOSS ve GPSR gibi başlıklar da aynı dönemde değişti. Avrupa'ya satışta mağazanızda nelerin değişmesi gerektiğini ayrı bir yazıda topladık.

Avrupa'ya satış düzeni

Muafsanız neden yine de uğraşasınız?

Bunu “kaçırdığınız devasa pazar” diye pazarlamayacağız; öyle bir hesabı dürüstçe yapamayız. Uğraşmaya değmesinin somut sebepleri şunlar:

Kontrast, yazı boyutu ve dokunma alanı düzeltmeleri herkesin dönüşümünü etkiliyor. Bunlar erişilebilirlik başlığı altında sayılıyor ama aslında düpedüz kullanılabilirlik işi.
Görsellere yazılan alternatif metin, aynı zamanda arama motorunun ve ürün beslemesinin okuduğu metin. Bir işi yapıp iki yerden karşılığını alıyorsunuz.
Doğru sıralanmış başlıklar ve anlamlı bağlantı metinleri, ekran okuyucu için de tarayıcı özetleri ve yapay zekâ aramaları için de aynı işi görüyor.
Müşteri kitleniz yaşlandıkça küçük punto ve soluk gri metin gerçek bir satış engeline dönüşüyor.
Kapsama girmeseniz bile bir gün girebilirsiniz. Onuncu çalışanı işe aldığınız gün mağazayı baştan elden geçirmek, bugün doğru kurmaktan pahalı.

Shopify teması kutudan ne veriyor?

Shopify'ın kendi kılavuzu, temayı özelleştirirken merchant'ın karar vermesi gereken beş alanı sayıyor: metin (kontrast, başlık sırası, punto), görsellerin alternatif metni, slayt ve videoların davranışı, klavye desteği ve geliştirici tarafındaki iyileştirmeler.

Aynı kılavuz açık bir uyarı da içeriyor: yalnızca bu maddeleri izlemek mağazanızın tam olarak erişilebilir olduğunu garanti etmiyor. Yani tema iyi bir başlangıç noktası veriyor, gerisi sizin yaptığınız özelleştirmelere kalıyor.

Pratikte gördüğümüz tablo şu: Theme Store temaları makul bir taban sunuyor, sonra marka renkleri ve düzen değişiklikleriyle bu taban farkında olmadan bozuluyor.

Yarım günde yapabileceğiniz sekiz kontrol

Aşağıdakiler geliştirici gerektirmeyen, tema düzenleyicisinden ve ürün yönetiminden yapılabilecek işler. Sırayla gidin.

Metin kontrastı: gövde metni ile arka plan arasındaki kontrast oranı en az 4,5:1 olmalı. Açık gri üzerine beyaz veya pastel zemine soluk gri en sık düşülen hata. Ücretsiz kontrast araçlarıyla renk kodlarını girip ölçün.
Punto: gövde metnini 16 pikselin altına indirmeyin. Mobilde “şık duruyor” diye 13 piksele düşürülen açıklama metinleri okunmuyor.
Görsel alternatif metni: ürün görsellerine ne gösterdiğini anlatan metin yazın. “urun-1.jpg” değil, “lacivert keten gömlek, önden görünüm”. Yalnızca dekoratif görselleri boş bırakın.
Başlık sırası: sayfada H1'den sonra H3'e atlamayın. Tema düzenleyicisinde başlık düzeyi seçilebiliyorsa sırayı bozmayın.
Klavye ile gezinme: fareyi bırakın, yalnızca Tab tuşuyla ana sayfadan ürün sayfasına ve oradan sepete gidin. Odağın hangi öğede olduğunu her adımda görebiliyor musunuz? Göremiyorsanız odak halkası kapatılmış demektir.
Otomatik oynayan slayt ve videolar: ana sayfadaki kayan görseli durdurma imkânı verin, videoları sessiz ve otomatik oynatmadan başlatın. Sürekli hareket eden öğeler denge bozukluğu olan kullanıcılarda gerçek rahatsızlık yaratıyor.
Form etiketleri: arama kutusunda, bültende ve ödeme formunda alanın üstünde kalıcı bir etiket olsun. Yalnızca kutunun içine yazılan ipucu metni, yazmaya başlayınca kayboluyor ve ekran okuyucu için de zayıf.
Bağlantı metinleri: “Devamı”, “Tıklayın”, “Buraya” yerine nereye gittiğini yazın. Ekran okuyucu kullanıcıları sayfadaki bağlantıları liste halinde dinliyor; on tane “Devamı” hiçbir şey anlatmıyor.
İlgili yazı
Ürün sayfasını zaten elden geçirecekseniz

Kontrast, punto ve bilgi sırası doğrudan dönüşümü etkiliyor. Ürün sayfasında satın alma kararını neyin durdurduğunu bulmak için ayrı bir denetim listesi hazırladık.

Ürün sayfası denetimi

Özelleştirme erişilebilirliği nasıl bozuyor?

Temayı kurarken erişilebilir olan bir mağaza, altı ay sonra olmayabiliyor. En sık karşılaştığımız dört sebep:

Marka rengi düğmelere uygulanırken kontrast düşüyor. Kurumsal paletteki açık ton, beyaz yazıyla birlikte kullanılınca eşiğin altına iniyor.
Tasarım sadeliği adına odak halkası CSS'ten kaldırılıyor. Klavyeyle gezen kullanıcı nerede olduğunu tamamen kaybediyor.
İkon tek başına düğme oluyor. Yalnızca sepet ya da kalp ikonu koyulan düğmelerin metin karşılığı yoksa ekran okuyucu “düğme” demekten öteye geçemiyor.
Üçüncü taraf uygulamaların eklediği açılır pencereler klavye tuzağı yaratıyor. Pencere açılıyor ama Tab ile kapatma düğmesine ulaşılamıyor.

Erişilebilirlik eklentileri işe yarıyor mu?

Uygulama mağazasında, siteye tek satır kod ekleyip “erişilebilirlik sorununu çözdüğünü” söyleyen araçlar var. Bunları tek başına bir çözüm olarak önermiyoruz.

Sebebi şu: bu araçlar sayfanın üstüne bir katman ekliyor, altındaki yapıyı düzeltmiyor. Kontrastı yanlış bir düğme, kaldırılmış bir odak halkası ya da etiketsiz bir form alanı yerinde duruyor. Kullanıcının kendi ekran okuyucusu zaten çalışıyor; araya giren ikinci bir katman bazen yardımcı olmak yerine çakışıyor.

Bu bizim değerlendirmemiz, bir mevzuat hükmü değil. Ama pratikte yarım günlük tema düzeltmesi, aylık abonelikli bir eklentiden hem daha ucuz hem daha kalıcı sonuç veriyor.

Nasıl test edilir?

Sıralama önemli: önce kendiniz deneyin, sonra araca bakın. Araçlar sorunların yalnızca bir kısmını yakalıyor.

Klavye turu: fareye hiç dokunmadan ana sayfadan sipariş tamamlamaya kadar gidin. Takıldığınız her yer gerçek bir hata.
Ekran okuyucu: macOS'ta VoiceOver, Windows'ta NVDA ücretsiz. Ürün sayfanızı beş dakika dinleyin; alternatif metinsiz görseller ve anlamsız bağlantı metinleri hemen ortaya çıkıyor.
Kontrast ölçümü: renk kodlarınızı bir kontrast aracına girin. Tahminle karar vermeyin.
Tarayıcı denetimi: Chrome'daki Lighthouse raporunun erişilebilirlik bölümü otomatik yakalanabilen hataları listeliyor. Tam puan almak erişilebilir olduğunuz anlamına gelmiyor, ama düşük puan kesinlikle sorun olduğu anlamına geliyor.
Gerçek kullanıcı: mümkünse ekran okuyucu kullanan birine mağazanızda bir sipariş verdirin. Hiçbir araç bunun yerini tutmuyor.
İlgili hizmet
Temanızda bu düzeltmeleri biz yapalım

Kontrast, odak halkası, başlık sırası, form etiketleri ve klavye akışı; mevcut temanız üzerinde, tasarımı bozmadan. Önce ölçer, neyin gerçekten sorun olduğunu yazılı veririz.

Tema özelleştirme

Yapmadığımız şeyler

Kapsamda olmadığınız halde “yasa geldi, acele edin” demiyoruz. Mikro işletme muafiyeti gerçek ve çoğu mağaza bunun içinde.
Erişilebilirlik puanı için tema baştan yazmayı önermiyoruz. Mevcut temada düzeltilebilecek şeyler varken yeniden yazmak para kaybı.
Tek satırlık eklenti çözümlerini uyum kanıtı diye sunmuyoruz.
Hukuki görüş vermiyoruz. Kapsam sorusu sınırdaysa avukatınıza sorun.

Özet

Avrupa Erişilebilirlik Yasası 28 Haziran 2025'ten beri uygulanıyor ve e-ticaret kapsamda; ancak onun altında çalışanı ve iki milyon euronun altında cirosu olan hizmet sağlayıcılar muaf. Türkiye'den satan mağazaların çoğu bu muafiyetin içinde.

Buna rağmen listedeki sekiz kontrolü yapmaya değer, çünkü hepsi aynı zamanda kullanılabilirlik ve arama görünürlüğü işi. Kontrastı düzeltmek, alternatif metin yazmak ve odak halkasını geri getirmek bir günlük iş; karşılığını yalnızca engelli kullanıcılardan değil, bütün müşterilerinizden alıyorsunuz.

Mevcut temanız yeterliyse bunu söyleriz. Ölçmeden değiştirmeyi biz de önermiyoruz.

Kaynaklar

  1. Gesetze im Internet — Barrierefreiheitsstärkungsgesetz (BFSG; direktifin Almanya aktarımı, 28.6.2025 uygulama tarihi, e-ticaret tanımı, mikro işletme muafiyeti)
  2. Avrupa Komisyonu — European Accessibility Act (kapsanan ürün ve hizmetler; e-ticaret listede)
  3. W3C WAI — WCAG (uygunluk düzeyleri, EN 301 549 ile ilişkisi, ISO/IEC 40500 statüsü)
  4. Shopify Yardım Merkezi — Tema erişilebilirlik kılavuzu (kontrast 4,5:1, punto, alternatif metin, klavye desteği)
dC
dotCREA Shopify ekibi
8 Eylül 2026 tarihinde yayımlandı
Paylaş
Bu konuyu mağazanız için konuşalım
Mağaza adresinizi gönderin, ücretsiz değerlendirelim.
Teklif alın

İlgili yazılar