Erişilebilirlik: Sitenin DOM Sıralamasını Kontrol Etme ve Düzenleme
5 dakikalık okuma
Sitenin DOM sıralaması bir sayfadaki içeriğin ekran okuyucular tarafından hangi sırada "okunacağını" ve/veya klavyedeki sekme tuşu kullanılarak gezinilirken hangi sırada vurgulanacağını belirler. Ziyaretçilerinizin sitenizde mümkün olan en iyi kullanıcı deneyimi yaşamasını, içeriği anlamasını ve keyfini çıkarmasını sağlamak için mantıklı bir sıralamanın takip edilmesi gerekir.
Bu makalede bilgi edinebileceğiniz konular:
Sitelerdeki DOM sıralaması
Bir sitenin DOM sıralaması temel olarak ögelerin site sayfalarına yüklenme ve okunma sırasıdır. Wix, sayfanızdaki ögelerin görsel olarak soldan sağa ve yukarıdan aşağıya doğru sıralanış şeklini esas alarak sizin için otomatik bir DOM sıralaması belirler. 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)
Bir başka deyişle, sitenizin otomatik DOM sıralamasını yukarıdaki uygulamaların işlevlerini göz önünde bulundurarak oluştururuz.
Önemli:
Masaüstü Wix sitelerindeki otomatik DOM sıralaması soldan sağa yazılan (ör. Türkçe, İngilizce, vb.) komut dosyalarına yöneliktir. Sitenizde Arapça veya İbranice gibi sağdan sola yazılan bir yazı kullanıyorsanız, DOM sıralamasını Katmanlar panelinden manuel olarak yeniden düzenlemeniz gerekir.
DOM sıralaması neden önemlidir?
Bazı ziyaretçiler sitenizde gezinmek için yardımcı teknolojiler kullanabilir. Bu teknolojiler site içeriğini tarayıp yüksek sesle okuyarak görme engelli ziyaretçilere yardımcı olurlar.
Ekran okuyucu kullanan ziyaretçilerin yanı sıra hareket kısıtlılığı olan kişiler de sitenizde gezinmek için klavyelerindeki sekme tuşunu kullanabilirler. Bu nedenle sitenizin DOM sıralaması ekran okuyucu ve/veya sekme tuşu kullanan ziyaretçilerin sitenizde mantıklı bir sırayla gezinebilmeleri açısından büyük önem taşır.
Örneğin, önce site menüsü gelmeli, ardından üst bilgideki diğer ögeler, ardından sayfa başlığı, ardından sayfa içeriği vb. onu izlemelidir. DOM sıralamanın yanlış olması, ekran okuyucunun / sekme tuşunun sayfa içeriğini atlamasına neden olabilir.
Sitenizin DOM sıralamasını test etmek mi istiyorsunuz?
Canlı sitenizde klavyenizdeki sekme tuşunu veya bir ekran okuyucu kullanarak sitenizin otomatik DOM sıralamasını kontrol edebilirsiniz.
Erişilebilirlik Sihirbazı'nda Otomatik DOM
Studio Editor sitelerinde düzenleme yaparken, Erişilebilirlik Sihirbazı'nda sitenin DOM sıralamasını otomatik düzenleme seçeneğini görebilirsiniz. Sihirbaz tarafından yapılan taramanın ve bunun sonucunda ortaya çıkan görevlerin doğruluğunu sağladığı için bu onay kutusunu işaretlemenizi öneririz.
Bu onay kutusunu görmüyor musunuz?
Sitenin DOM sıralamasını otomatik düzenleme seçeneği şu durumlarda görünmez:
- Site Kasım 2024'ten sonra oluşturulduysa
- Daha önce Erişilebilirlik Sihirbazı'nı kullanarak sitenin DOM'unu düzenlediyseniz
- Sitede otomatik DOM sıralamasını devre dışı bıraktıysanız
Sitenin DOM sıralamasını manuel olarak değiştirme
Sitenizin DOM sıralamasının mantıklı olmadığını fark ederseniz, ziyaretçilere daha iyi bir kullanıcı deneyimi sağlamak için bu sıralamayı değiştirmenizi öneririz.
Wix Editor sitelerinde DOM sıralamasını değiştirmek için Erişilebilirlik Sihirbazı panelini ve Katmanlar panelini kullanın. Sitenizi Studio Editor'da oluşturuyorsanız, sıralamayı sitenin Katmanlar ve Sayfalar panellerinden düzenleyebilirsiniz.
Ö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 sıralamasını değiştirmek için:
Wix Editor
Studio Editor
Öncelikle Wix'in siteniz için otomatik olarak ayarladığı DOM sıralamasını Erişilebilirlik Sihirbazı gelişmiş ayarlar bölümünden devre dışı bırakmanız gerekir. Ardından sitenizin Katmanlar paneline giderek ögelerin DOM sıralamasını manuel olarak değiştirebilirsiniz.
Sitenizin DOM ayarlarını ve sıralamasını değiştirmek için:
- Editörünüze gidin.
- Üst çubuktaki Ayarlar sekmesine tıklayın ve Erişilebilirlik Sihirbazı'nı seçin.
- Erişilebilirlik Sihirbazı panelinin üst kısmındaki Diğer eylemler simgesine
tıklayın. - Gelişmiş erişilebilirlik ayarları'nı seçin.
- Otomatik DOM Sıralaması'nı seçin.
- Paneldeki geçişi devre dışı bırakın.
- Pop-up'ta Kapat'a tıklayın.
- Editörünüzün sol altındaki Katmanlar simgesine
tıklayın. - 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.
- Kalan ögeleri listede istediğiniz konuma sürükleyip bırakarak sıralamayı düzenleyin.
Sonraki adım:
Mobil editörü açın ve aynı adımları tekrarlayın.
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.
Sırada ne var?
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?
|