Wix Yardım Merkezi
    Ana Sayfa
  1. Sitenizi Oluşturma
  2. Erişilebilir Site Oluşturma
  3. Sitenizi Erişilebilir Yapma
    4. Erişilebilirlik: Web Sitenizi Ekran Okuyuculara Hazırlama

Erişilebilirlik: Web Sitenizi Ekran Okuyuculara Hazırlama

3 dakikalık okuma
Site ziyaretçilerinizden bazıları sitenizde gezinmek için ekran okuyucular gibi yardımcı teknolojiler kullanabilir. Ekran okuyucular, görme engellilerin kullandığı uygulamalardır. Sitenizin içeriğini tararlar ve içeriği yüksek sesle ziyaretçiye "okurlar". Ekran okuyucu kullanan ziyaretçiler, nereye tıklayacaklarını göremeyebileceklerinden, sitenizde gezinmek için genellikle sekme tuşunu da kullanırlar.
Sitenizin DOM sırası, ekran okuyucuların ve Sekme tuşunun sayfanızdaki içeriği vurguladığı ve/veya "okuduğu" sıradır. Ziyaretçilerinizin sitenizde mümkün olan en iyi deneyimi yaşamasını, içeriğinizi anlamasını ve keyfini çıkarmasını sağlamak için mantıklı bir sıra izlenmesi gerekir.
Not:
Bazı ziyaretçiler ekran okuyucu kullanmasa da sitenizde gezinmek için Sekme tuşunu kullanabilir, örneğin mobilite sorunu yaşayanlar. Bu nedenle, her zaman sitenizin DOM sırasının doğru olduğundan emin olmanızı öneririz.
Bu makalede bilgi edinebileceğiniz konular:

Sitenizin DOM sırası hakkında

DOM modeli sitenizdeki ögeleri hiyerarşik bir düzende sıralar. Site ziyaretçilerinizin sitenizde mantıklı bir sırayla gezinebilmeleri gerektiğinden, ekran okuyucuları ve/veya Sekme tuşunu kullanmaları özellikle önemlidir. Örneğin, önce site menüsü gelmeli, sonra başlıktaki diğer ögeler, daha sonra sayfa başlığı ve sayfa içeriği vb. DOM sırası yanlış olması, ekran okuyucunun / Sekme tuşunun sayfa içeriğinizi atlamasına neden olabilir.
Wix sizin için otomatik olarak bir DOM sırası belirler. Sayfanızdaki ögelerin görsel olarak soldan sağa ve yukarıdan aşağıya doğru sıralanış şekli esas alınır. Erişilebilirlik araçlarımızı geliştirirken aşağıdaki ekran okuyucuları kullanarak ürünlerimizi test ederiz:
  • Windows + Firefox veya Chrome: NVDA (Ücretsiz okuyucu)
  • iOS + Safari: Voiceover (Yerleşik okuyucu)
Bu, sitenizin otomatik DOM sırasını yukarıdaki uygulamaların işlevlerini göz önünde bulundurarak oluşturduğumuz anlamına gelir. Canlı sitenizde klavyenizin Sekme tuşunu veya bir ekran okuyucuyu kullanarak sitenizin otomatik DOM sırasını test edebilirsiniz.

Sitenizin DOM sırasını değiştirme

Sitenizin DOM sırasını test ederseniz ve sıranın mantıklı olmadığını fark ederseniz, Erişilebilirlik Sihirbazı'nda manuel olarak değiştirebilirsiniz. Sihirbaz, sitenizi tarayan, olası erişilebilirlik sorunlarını tespit eden ve bu sorunları düzeltmek için eyleme geçirilebilir çözümler sunan bir araçtır. Bunun yanı sıra, sitenizdeki gelişmiş erişilebilirlik ayarlarını değiştirmek için Erişilebilirlik Sihirbazını da kullanabilirsiniz. 
Önemli:
Sitenizin sekme sırası mantıklıysa herhangi bir işlem yapmanıza gerek yoktur. Sıra zaten doğruyken değiştirmek, ekran okuyucuları ve/veya Sekme tuşunu kullanan ziyaretçiler için sorunlara neden olabilir.

DOM ayarlarını değiştirmek için:

  1. Editör'ün üst çubuğundaki Ayarlar sekmesini seçin.
  2. Erişilebilirlik Sihirbazı'nı seçin.
  3. Sihirbazın sağ üst köşesindeki Diğer İşlemler simgesine tıklayın.
  4. Gelişmiş erişilebilirlik ayarları'nı seçin.
  5. Otomatik DOM Sıralaması'nı seçin.
  6. Paneldeki geçişi devre dışı bırakın.
  7. Pop-up'ta Kapat'a tıklayın.
  8. Editör'ün sol alt köşesindeki Katmanlar simgesine tıklayın.
  9. Listeyi kontrol edin ve gereksiz ögeleri silin. Sitenizde hiçbir işe yaramayan ve ekran okuyucu kullanıcılarının kafasını karıştırabilecek çoğaltılmış ögeler buna dahildir.
  10. Kalan ögeleri listede istediğiniz konuma sürükleyip bırakarak sıralamayı düzenleyin.
Erişilebilirlik sihirbazının gelişmiş ayarlar paneli. Otomatik DOM sipariş geçişi devre dışı bırakıldı.
Notlar:
  • Sekme tuşunu kullanarak bir sitede gezinirken, sayfa metinleri gibi statik ögeler arasında değil, yalnızca etkileşimli ögeler arasında geçiş yaparsınız. Ekran okuyucuyu sayfa metinleri gibi statik ögeler üzerinde test etmek istiyorsanız, ekran okuyucunuzun yardım merkezine gidin ve web sitelerinde klavyeyi kullanarak gezinmeye ilişkin talimatlarını uygulayın.
  • Sabitlenmiş ögeler otomatik olarak sekme sırasının sonunda gelir. Eğer sıralamada daha başlarda gelmesini istiyorsanız, ögenin sabitlemesini kaldırmanızı ve ögeyi üst bilgi kısmına yerleştirmenizi öneririz.
Sonraki adımlar:
  • Mobil Editör'ü açın ve aynı adımları tekrarlayın. 
  • Sitenizin erişilebilirliği üzerinde çalışmaya devam etmek için Erişilebilirlik Kontrol Listesi'ne geri dönün.

Bu içerik yardımcı oldu mu?

|

Bu makalede

  • Sitenizin DOM sırası hakkında
  • Sitenizin DOM sırasını değiştirme