İçeriğe geç
AccessibleOrNot

Kontrol listesi · ikas

ikas mağazası için erişilebilirlik kontrol listesi (WCAG 2.1 AA / Genelge)

2025/10 Genelgesi, Türkiye'de e-ticaret yapan sitelere 21 Haziran 2027'ye kadar süre tanıyor. ikas'ta mağazanız varsa işin bir kısmını panelden siz yaparsınız, bir kısmı tema ve altyapı tarafındadır.

Bu liste 14 maddede hangisinin hangisi olduğunu, ilgili WCAG ölçütünü ve taramamızın bunu otomatik bulup bulamadığını gösteriyor.

  • Son güncelleme: 7 Ekim 2026
  • Panel yolları ikas destek sayfalarına göre
  • Hukuki görüş değildir.

ikas'ta kim neyi düzeltebilir

Sizin elinizde: ürün bilgileri ve görsel alt metinleri, tema editöründeki bileşen içerikleri (banner, slayt, metin), renk ve yazı ayarları, hangi bileşenlerin sayfada olduğu. Tema editörü: Satış Kanalları > satış kanalınız > Temalarım > İşlemler > Özelleştir.

Tema ve altyapı tarafında: butonların, formların, sepetin ve ödeme adımının HTML yapısı. Bir sorunun kaynağı bileşenin kodundaysa panelden düzeltemezsiniz. Hazır tema kullanıyorsanız ikas'a, özel tema yaptırdıysanız temayı yapan ajansa bildirin.

Bildirim yaparken ne yazacağınızı bilmek işi hızlandırır: hangi sayfa, hangi öğe, hangi WCAG ölçütü. Raporumuz her bulgu için bu üçünü verir.

ikas'ın kendi blogu da Genelge'yi anlatıyor ve görsel alt metni, form etiketleri, kontrast, klavye ile gezinme ve hata mesajlarını öne çıkarıyor. Bu liste aynı başlıkları panelde nerede bulacağınızla birlikte veriyor.

Kaynak: ikas Destek, SEO alanları ve alt metin · ikas blog, web erişilebilirliği zorunluluğu

14 maddelik kontrol listesi

Satın alma akışındaki sıraya göre. "Nerede düzeltilir" satırında "ikas'a ya da tema geliştiricisine bildirin" yazıyorsa sorun panelden değil koddan çözülür.

Liste nasıl okunur

  • Evet: taramamız bu sorunu doğrudan raporlar.
  • Kısmen: sorunun bir kısmını bulur ya da "insan incelemesi gerekir" listesine koyar; kalanı sizin kontrolünüz.
  • Hayır: otomatik testle bulunamaz. Klavye, ekran okuyucu ya da gerçek bir siparişle elle kontrol edin.
  • EAA etiketi: madde WCAG 2.1 A veya AA içinde. Genelge etiketi: madde WCAG 2.2 A içinde.

  1. Ürün sayfası

    Ürünün her görselinin kendine özgü bir alt metni var.

    Nasıl kontrol edilir
    Ürün sayfasındaki görselleri inceleyin ya da ekran okuyucuyla dinleyin. Galerideki her görsel aynı metinle (ör. yalnız ürün adı) okunuyorsa müşteri ikinci ve üçüncü görselde ne olduğunu öğrenemez.
    Nerede düzeltilir
    ikas ürün başlığı ve görsel bilgilerinden alt etiketi otomatik üretir; ürünün SEO bölümünden düzenleyebilirsiniz. Otomatik metni olduğu gibi bırakmayın: ön yüz, arka yüz, detay gibi farkı yazın.
    Neden önemli
    Görme engelli müşteri rengi, deseni ve detayı alt metinden öğrenir. Aynı metnin tekrarı bilgi vermez.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    KısmenBir kısmı otomatik, kalanı elleAlt metni hiç olmayan görselleri buluruz. Otomatik üretilen metnin görseli anlatıp anlatmadığına makine karar veremez.
    Kaynak

  2. Tema

    Banner ve slayt görsellerinin alt metni var; görsele gömülü kampanya metni alt metinde de yazıyor.

    Nasıl kontrol edilir
    Ana sayfadaki banner'lara bakın: görselin üstünde "%30 indirim" gibi bir yazı var mı? Varsa aynı yazı alt metinde olmalı.
    Nerede düzeltilir
    Tema editörü (Satış Kanalları > satış kanalınız > Temalarım > İşlemler > Özelleştir) > görselin olduğu bileşen > görselin üstündeki kalem simgesi > alt metin.
    Neden önemli
    Görselin içindeki yazı ekran okuyucuya görünmez; kampanya kaybolur.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    KısmenBir kısmı otomatik, kalanı elleEksik alt metni buluruz. Görselin içinde yazı olup olmadığını bilemeyiz.
    Kaynak

  3. Tema

    Metin, fiyat ve buton renkleri yeterli kontrastta: normal metin en az 4,5:1.

    Nasıl kontrol edilir
    Fiyat, indirimli fiyat, "tükendi" etiketi ve buton metinlerini bir kontrast denetleyicisiyle ölçün. Banner üstündeki yazıları da ölçün.
    Nerede düzeltilir
    Tema editöründeki renk ayarları. Kontrastı ayarla düzeltilemeyen bir öğe (ör. bileşene gömülü sabit renk) varsa ikas'a ya da tema geliştiricisine bildirin.
    Neden önemli
    Az gören ve yaşlı müşteri soluk fiyatı ya da açık renk butonu okuyamaz. Kontrast WCAG'de AA düzeyindedir: EAA ister, Genelge'nin A listesinde yer almaz.
    WCAG
    Kapsam
    • EAA
    AccessibleOrNot bunu otomatik bulur mu?
    KısmenBir kısmı otomatik, kalanı elleDüz arka plandaki metni ölçeriz. Görsel üstündeki metin "insan incelemesi gerekir" listesine düşer.

  4. Ürün sayfası

    Renk ve beden seçenekleri yalnız renkle ayırt edilmiyor.

    Nasıl kontrol edilir
    Renk kutucuklarında seçili olan yalnız ince bir renk çerçevesiyle mi belli oluyor? Stokta olmayan beden yalnız soluk renkle mi gösteriliyor? Ekran okuyucu renk adını okuyor mu?
    Nerede düzeltilir
    Varyant adları (ör. "Lacivert") ürün varyant ayarlarında. Seçili ve tükendi durumunun görünümü bileşenin kodunda: değiştiremiyorsanız ikas'a ya da tema geliştiricisine bildirin.
    Neden önemli
    Renk körü bir müşteri hangi rengi seçtiğini, ekran okuyucu kullanıcısı hangi bedenin tükendiğini göremez.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    KısmenBir kısmı otomatik, kalanı elleAdı olmayan seçenekleri buluruz. Durumun yalnız renkle gösterilmesini otomatik test güvenilir biçimde yakalayamaz.

  5. Ürün sayfası

    Beden ve renk seçimi klavyeyle yapılabiliyor.

    Nasıl kontrol edilir
    Ürün sayfasında fareyi bırakın; Tab ile seçenekler arasında gezip boşluk ya da Enter ile bir beden seçin, sonra sepete ekleyin.
    Nerede düzeltilir
    Bileşen kodu: ikas'a ya da tema geliştiricisine bildirin. Bildirime hangi ürün sayfasında, hangi seçicide denediğinizi yazın.
    Neden önemli
    Beden seçemeyen müşteri sepete ürün ekleyemez.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    HayırElle kontrol gerekirKlavyeyle kullanımı otomatik test denemez. Elle kontrol listesinde.

  6. Tema

    Klavye odağı her zaman görünür.

    Nasıl kontrol edilir
    Tab ile gezinin; her odaklanan öğede belirgin bir çerçeve görmelisiniz.
    Nerede düzeltilir
    Tema kodu ve stilleri: ikas'a ya da tema geliştiricisine bildirin.
    Neden önemli
    Fare kullanamayan müşteri nerede olduğunu göremezse alışverişe devam edemez. Görünür odak WCAG'de AA düzeyindedir; klavyeyle kullanım (2.1.1) ise Genelge'nin A listesinde.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    HayırElle kontrol gerekirOdak görünürlüğü otomatik testle güvenilir biçimde ölçülemez. Elle kontrol listesinde.

  7. Ürün sayfası

    Sepete ekle butonunun adı var ve ekleme sonrası müşteriye duyuruluyor.

    Nasıl kontrol edilir
    Ekran okuyucuyla "Sepete ekle"ye basın. Bir bildirim okunmalı; yan sepet açılıyorsa odak oraya geçmeli.
    Nerede düzeltilir
    Bileşen kodu: ikas'a ya da tema geliştiricisine bildirin.
    Neden önemli
    Sessiz bir ekleme, müşterinin ürünü tekrar tekrar eklemesine ya da alışverişi bırakmasına yol açar.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    KısmenBir kısmı otomatik, kalanı elleButonun adı yoksa buluruz. Ekleme sonrası duyuruyu test etmek için sepete ürün eklemek gerekir; bunu yapmıyoruz.

  8. Sepet

    Sepetteki artı/eksi ve kaldır butonlarının adı var.

    Nasıl kontrol edilir
    Dolu sepette ekran okuyucuyla satırları dinleyin. "Buton" diye adsız okunan bir şey olmamalı.
    Nerede düzeltilir
    Bileşen kodu: ikas'a ya da tema geliştiricisine bildirin.
    Neden önemli
    Adsız bir çöp kutusu ikonu, müşterinin neyi sildiğini bilmemesi demek.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    EvetOtomatik bulunurAdı olmayan butonları raporlarız. Not: boş sepetle taradığımız için ürün satırlarını görmeyiz; dolu sepetle siz kontrol edin.

  9. Ödeme

    Ödeme adımı baştan sona klavyeyle tamamlanabiliyor; hata mesajları metinle ve alanın yanında.

    Nasıl kontrol edilir
    Test siparişiyle ödemeye gidin. Zorunlu bir alanı boş bırakıp devam edin: hata hangi alanda, ne diyor? Kart alanlarına ve 3D Secure penceresine Tab ile girilebiliyor mu?
    Nerede düzeltilir
    Ödeme adımı altyapının parçası: sorunları ikas'a bildirin. Kart alanları ödeme sağlayıcısının çerçevesindeyse sağlayıcıya da iletin.
    Neden önemli
    Hollanda'daki ACM testinde engellerin başında ödeme butonları vardı. Ödeme çalışmıyorsa diğer düzeltmeler satışa yansımaz.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    HayırElle kontrol gerekirBoş sepetle ödeme adımına geçilemiyor; form da göndermiyoruz. Elle kontrol listesinde.
    Kaynak

  10. Hesap ve formlar

    Üyelik, giriş, iletişim ve bülten formlarında her alanın görünür etiketi var.

    Nasıl kontrol edilir
    Formlara bakın: etiket yalnız alanın içindeki gri yazı (placeholder) mı? Yazmaya başlayınca alanın ne olduğu kayboluyor mu?
    Nerede düzeltilir
    Bülten ve iletişim bileşenlerinin metinleri tema editöründe; etiket yapısı bileşen kodunda. Görünür etiket yoksa ikas'a ya da tema geliştiricisine bildirin.
    Neden önemli
    Placeholder etiketin yerini tutmaz: kaybolur ve çoğu zaman kontrastı düşüktür.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    KısmenBir kısmı otomatik, kalanı elleAdı hiç olmayan alanları buluruz. Adı yalnız placeholder'dan gelen alan otomatik testten geçebilir; görünür etiketi elle kontrol edin.

  11. Tema

    Otomatik dönen slaytlar durdurulabiliyor.

    Nasıl kontrol edilir
    Ana sayfa slaytı kendiliğinden dönüyorsa görünür bir durdur butonu var mı?
    Nerede düzeltilir
    Tema editöründe slayt bileşeninin ayarları: otomatik geçiş seçeneği varsa kapatın. Durdur butonu yoksa ve otomatik geçiş kapatılamıyorsa ikas'a bildirin.
    Neden önemli
    Hareket eden içerik dikkat sorunu yaşayan kullanıcıyı sayfadan koparır.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    HayırElle kontrol gerekirSlayt davranışı elle kontrol edilir.

  12. Tüm sayfalar

    Sayfanın dili doğru tanımlı; yurt dışı satış kanalında o kanalın dili.

    Nasıl kontrol edilir
    Her satış kanalında sayfa kaynağındaki <html lang="…"> değerine bakın.
    Nerede düzeltilir
    Satış kanalının dil ayarı. Değer yanlışsa ve panelden değişmiyorsa ikas'a bildirin.
    Neden önemli
    Ekran okuyucu telaffuzu bu değere göre seçer. AB'ye satan bir kanalda Almanca sayfanın Türkçe okunması anlaşılmaz.
    WCAG
    Kapsam
    • EAA
    • Genelge
    AccessibleOrNot bunu otomatik bulur mu?
    EvetOtomatik bulunurlang değerinin eksik ya da geçersiz olduğunu buluruz.

  13. Tüm sayfalar

    Mobilde butonlar ve bağlantılar parmakla rahat basılacak büyüklükte.

    Nasıl kontrol edilir
    Telefonda beden kutucuklarına, adet butonlarına ve filtre seçeneklerine basın. Yanlışlıkla komşu öğeye basıyor musunuz?
    Nerede düzeltilir
    Tema editöründeki boyut ve boşluk ayarları; yetmiyorsa ikas'a ya da tema geliştiricisine bildirin.
    Neden önemli
    Küçük ve sıkışık hedef, eli titreyen ya da motor engeli olan kullanıcının yanlış bedeni seçmesine yol açar. Bu ölçüt WCAG 2.2 AA'dır: ne EAA'nın 2.1 listesinde ne Genelge'nin A listesinde, ama satışı doğrudan etkiler.
    WCAG
    Kapsam
      AccessibleOrNot bunu otomatik bulur mu?
      KısmenBir kısmı otomatik, kalanı elleMobil (390 px) taramada küçük ve sıkışık hedefleri buluruz; bir kısmı "insan incelemesi gerekir" listesine düşer.

    Taramamızın bilmediğiniz sınırları

    Otomatik test, erişilebilirlik sorunlarının hacim olarak yaklaşık %57'sini bulur. Bu oran Deque'nin 2021'de 13.000'den fazla sayfada yaptığı çalışmadan geliyor; ölçütlerin değil, bulunan sorun sayısının oranı. Kalan kısım elle kontrol ister.

    • Giriş yapmıyoruz, sepete ürün eklemiyoruz, form göndermiyoruz.
    • Sepet ve ödeme sayfalarını boş sepetle açıyoruz. Çoğu platform boş sepetle ödeme sayfasını göstermez; adres ve kart adımlarını siz test etmelisiniz.
    • Klavyeyle gezinme, odak sırası ve ekran okuyucu deneyimini test etmiyoruz.
    • Her şablonu masaüstü (1280 px) ve mobil (390 px) genişlikte tarıyoruz.

    Kaynak: Deque, otomatik test çalışması (%57)

    Elle test için 10 dakika

    1. Fareyi bırakın. Ana sayfadan bir ürünü yalnız Tab, Shift+Tab, Enter ve boşluk tuşuyla sepete ekleyin.
    2. Her Tab basışında odağın nerede olduğunu görebiliyor musunuz? Göremediğiniz an not edin.
    3. Sepetten ödemeye geçin, bir alanı boş bırakıp devam etmeyi deneyin. Hata mesajı ne diyor, nerede çıkıyor?
    4. Tarayıcıyı %200'e yakınlaştırın. Sepete ekle ve ödeme butonları hâlâ görünüyor mu?
    5. Telefonda VoiceOver (iOS) ya da TalkBack (Android) açıp ürün sayfasını dinleyin: görseller ve beden seçenekleri ne diye okunuyor?

    Sık sorulan sorular

    • ikas mağazam Genelge'ye hazır mı?

      Bunu tarama olmadan kimse söyleyemez; biz de "hazır" demeyiz. Altyapının iyi olması, içeriğinizin (alt metinler, renkler, banner'lar) ve tema seçimlerinizin de iyi olduğu anlamına gelmez. Taramamız otomatik bulunabilen kısmı, bu liste kalanı gösterir.

    • Panelden düzeltemediğim bir sorunu nasıl bildiririm?

      Sayfanın adresini, öğenin ne olduğunu (ör. "sepetteki kaldır butonu") ve ilgili WCAG ölçütünü yazın. Raporumuz her bulgu için bu bilgiyi ve HTML örneğini verir; bildirimi buradan kopyalayabilirsiniz.

      Örnek rapor

    • Genelge kontrast istemiyor mu?

      Genelge WCAG 2.2'nin A düzeyini esas alıyor; metin kontrastı (1.4.3) AA düzeyinde. Yani Genelge'nin zorunlu listesinde yok, ama AB'ye satıyorsanız EAA istiyor ve az gören müşteriniz için zaten gerekli.

      Genelge rehberi

    • Tarama mağazamda bir şey değiştirir mi?

      Hayır. Yalnız herkese açık sayfaları açıp okuruz. Panelinize erişmeyiz, sepete ürün eklemeyiz, sipariş vermeyiz.

      Güvenlik

    İlgili sayfalar

    ikas mağazanızda bu listenin otomatik kısmını şimdi görün.

    Adresinizi girin. Ürün, kategori, sepet ve ödeme şablonlarınızı tarar, bulguları bu listedeki maddelere göre sıralarız. "Hayır" maddeleri için elle kontrol listesi raporda.

    Mağazamı taraÖrnek raporu gör

    Kart bilgisi istemiyoruz. Yalnızca herkese açık sayfalarınızı tarıyoruz.