Erişilebilirlik Sihirbazı ile müşterinizin sitesindeki erişilebilirliği artırın. Bu araç siteyi tarar ve tamamlamanız gerekenleri iki sekme halinde gösterir:
- Sorun algılandı: Sihirbazın sitede algıladığı sorunlar.
- Manuel görevler: Sihirbazın tespit edemeyebileceği ek site ayarları/içerikleri.
Müşterinizin sitesinin erişilebilirliğini optimize etmek için aşağıdaki adımları takip etmenizi ve tamamlamanızı öneririz.
Erişilebilirlik Sihirbazı ile siteyi tarama
Siteyi ziyaretçiler açısından daha erişilebilir hale getirmek için editörünüzde Sihirbaz'ı açın.
Tarama işlemini başlatmadan önce Sihirbaz'ın DOM sıralamasını kontrol ederek yeniden düzenlemesini isteyip istemediğinizi seçebilirsiniz. Sihirbaz tarafından yapılan taramanın ve bunun sonucunda ortaya çıkan görevlerin doğruluğunu sağladığı için bu seçeneği işaretlemenizi öneririz.
Siteyi taramak için:
- Editörün sol çubuğundaki Site Denetleyici simgesine
tıklayın. - Erişilebilirlik Sorunlarını Düzelt'e tıklayın.
- Sitenin DOM sıralamasının Sihirbaz tarafından yeniden düzenlemesine ilişkin onay kutusunu işaretleyin veya boş bırakın:
- İşaretli: Erişilebilirlik Sihirbazı sitenin DOM sıralamasını tarar ve gerektiğinde otomatik olarak yeniden düzenler.
- İşaretli değil: Erişilebilirlik Sihirbazı sitenin DOM sıralamasını taramaz veya herhangi bir değişiklik yapmaz.
- Panelde Siteyi Tara'ya tıklayın.
Algılanan sorunları düzeltme
Sorun algılandı sekmesinde tüm siteyi etkileyen ayarlar (ör. sitenin dili ve odak göstergeler) gösterilir. Ayrıca her sayfanın kendi açılır menüsünün bulunması sitenin kapsamlı bir şekilde denetlenmesini sağlar.
Sihirbaz'ın algılanan her sorun için size önerdiği çözümlere tıklayabilir ve böylece panelden ayrılmanıza gerek kalmadan değişiklikler yapabilirsiniz.
Algılanabilecek sorunlar hakkında daha fazla bilgi edinmek için aşağıdaki ilgili seçeneğe tıklayın.
Site düzeyindeki sorunlar
Odak göstergeleri, ziyaretçiler canlı sitede klavye kullanarak gezinirken düğmeler ve bağlantılar gibi interaktif ögelerin etrafında görünen mavi dikdörtgenlerdir.
Ziyaretçilerin bu ögelerin mevcut konumlarını görmelerine olanak sağladıkları için site erişilebilirliği açısından son derece önemlidirler. Bu nedenle, odak göstergeleri tüm Studio Editor sitelerinde otomatik olarak etkinleştirilir ve kapatılamaz.
"Ana İçeriğe Atla" bağlantısı ekleyin
Ana İçeriğe Atla özelliği bir sitede klavye kullanarak gezinen ziyaretçilerin menüler ve sayfa başlıkları gibi en üstteki bölümleri atlayarak doğrudan sayfanın ana içeriğine erişmelerine olanak tanır.
Studio Editor'da oluşturduğunuz tüm sitelere otomatik olarak "Ana İçeriğe Atla" bağlantısı eklenir ve bu özellik kapatılamaz.
Sitenin ana dilini ayarlayın
Sitenin ana dilinin ayarlanması yardımcı teknolojilere aşağıdaki şekillerde yol göstererek site içeriğini doğru bir şekilde işlemelerini sağlar:
- Site metninde hangi yazı sisteminin/karakterlerin kullanıldığını belirtir
- Metin içeriğinin nasıl telaffuz edileceğinin belirlenmesini sağlar
- Medya oynatıcıların doğru altyazıları göstermesine zemin hazırlar
Yardımcı teknolojileri kullanan ziyaretçilerin en iyi kullanıcı deneyimini elde etmeleri için sitenin ana dilinin ayarlanması çok önemlidir.
Sitenize Wix Çok Dilli Site uygulamasını eklediyseniz, uygulamayı kurarken seçtiğiniz ana dil
değiştirilemez.
Ancak şunları yapabilirsiniz:
DOM sıralamasını düzenleyin
Bir sitenin DOM (Belge Nesne Modeli) sıralaması bir site sayfasındaki ögelerin "okunma" sırasını belirler.
Bazı site ziyaretçileri sitede gezinmek için yardımcı teknolojiler kullanır.
Örneğin, ekran okuyucular site içeriğini tarar ve sesli şekilde ziyaretçilere "okur". Aynı şekilde, hareket kısıtlılığı olan kişiler sitede gezinmek için Sekme tuşunu kullanabilirler.
Bir sitenin DOM sıralamasını düzenlemek bu yardımcı ek teknolojileri kullanan ziyaretçilerin siteye mantıklı bir sırayla göz atabilmelerini ve gezinmelerini sağladığı için erişilebilirlik açısından önemlidir.
Sayfa düzeyindeki sorunlar
Açıklayıcı bir sayfa adı ekleyin
Bir sayfanın adında 'Yeni sayfa' (siteye eklediğiniz yeni sayfalara varsayılan olarak atanır) veya 'Kopyası' (çoğaltılan sayfalara varsayılan olarak atanır) ibareleri olduğunda, Sihirbaz bu adı değiştirmenizi ister.
Site ziyaretçileri belirli bir içeriğe/bilgiye erişmek için sıklıkla sayfa adlarını kullanır. En iyi kullanıcı deneyimini sağlamak amacıyla sayfa adları şu özelliklere sahip olmalıdır:
- Açıklayıcı: Sayfa adları gerekli bilgileri içermeli ve içeriği en doğru şekilde açıklamalıdır.
- Özgün: Sayfa adları özgün olmalı ve tekrarlanmamalıdır.
- Kısa ve öz: Sayfa adları içeriği özetleyecek kısa bilgileri ve anahtar kelimeleri içermelidir.
Başlık yapısını düzenleyin
Başlık etiketleri bir sitenin HTML kodunda bulunan ve sayfadaki metin içeriğinin hiyerarşisini/yapısını belirleyen ögelerdir. H1'den (1. Başlık) H6'ya (6. Başlık) uzanan dikey bir hiyerarşiye sahiptirler.
Yardımcı teknolojiler bir sayfadaki içeriğin nasıl sıralandığını anlamak için başlık etiketlerini kullanır. Örneğin, ekran okuyucular öncelikle H1 içeriğini, ardından H2, H3 vb. içeriklerini okur.
Görüntülere alt metin ekleyin
Alternatif (alt) metinler bir web sayfasındaki görüntülerin metinsel açıklamalarıdır.
Bazı ziyaretçiler sitelerde gezinmek için ekran okuyucu gibi yardımcı teknolojiler kullanabilir. Site içeriğini sesli olarak ziyaretçilere okuyan bu yardımcı teknolojiler sıra görüntülere geldiğinde alt metinleri kullanırlar.
Renk kontrastını iyileştirin
Renk kontrastı iki renk arasındaki algısal parlaklık farkının bir ölçüsüdür ve 1:1 (kontrast yok) ile 21:1 (güçlü kontrast) arasında değişen bir oran olarak ifade edilir. Güçlü bir kontrastın olması, site içeriğinin kolayca görülmesini ve okunmasını sağlar.
- Küçük metinler: En fazla 24 piksel / 18 punto boyutundaki küçük metinler:
- AA: 4.5:1 ve üzeri
- AAA: 7:1 ve üzeri
- Büyük metinler: En az 24 piksel / 18 punto boyutundaki büyük metinler veya en az 18 piksel / 14 punto boyutundaki kalın büyük metinler:
- AA: 3:1 ve üzeri
- AAA: 4.5:1 ve üzeri
- Metin olmayan bileşenler (ör. simgeler):
Not: Erişilebilirlik Sihirbazı'nda şu anda yalnızca AA düzeyi gereklidir.
Manuel görevleri yerine getirme
Manuel görevler sekmesinde erişilebilirlik açısından önemli olabilecek ek site ayarları vurgulanır. Bu bölümdeki işleyiş otomatik olmadığından siteyi manuel olarak kontrol etmeniz ve gerekli değişiklikleri yapmanız gerekir.
Açıklayıcı bağlantı ve düğme metinleri kullanın
Bilgi vermek için yalnızca renk kullanmaktan kaçının
Görüntülerdeki önemli metinleri alt metne ekleyin
Görüntülerdeki metinler (ör. tabela veya slogan fotoğrafları) ekran okuyucular tarafından okunamaz. Bu görüntüler yerine mümkün olduğunda gerçek metinler kullanmanızı öneririz.
Sitedeki medya ögeleri için metinli alternatifler sunun
Siteye eklediğiniz video, ses ve GIF gibi medya dosyaları tüm ziyaretçiler için erişilebilir olmalıdır.
Animasyonlara ve seslere denetimler ekleyin
Otomatik oynatmaya ayarlanmış video oynatıcılar ve ses çalarlar ziyaretçilerin dikkatini dağıtıp kafalarının karışmasına neden olabilir ve yardımcı teknolojilerin çalışmasını engelleyebilir. Örneğin, bir ses çaların otomatik olarak çalmaya başlaması ekran okuyucunun devre dışı kalmasına veya sesinin bastırılmasına neden olabilir.
Tarayıcı yakınlaştırıldığında tüm içeriğin görünür kaldığından emin olun
Tarayıcıda yakınlaştırma yapıldığında site ögeleri/bileşenleri görünmeye devam etmelidir. Görme güçlüğü yaşayan kişilerin siteyi büyüttüklerinde sayfa içeriğini eksiksiz olarak görmeleri buna bağlıdır. Siteyi önizleme modunda açıp tarayıcınızın yakınlaştırma ayarını %200'e getirerek görünürlüğü kontrol edebilirsiniz.
Yakınlaştırılmış içerik hakkında daha fazla bilgi edininErişilebilirlik bildirimi ekleyin
Web erişilebilirliği bazı ülkelerde yasal bir gerekliliktir. Ancak, yasal bir zorunluluk olmasa bile erişilebilirlik bildirimini eklemenizi öneririz. Bu bildirim sitenin/müşterinizin tüm ziyaretçilerin faydalanabileceği bir web sitesi sağlama konusundaki kararlılığını gösterir.
Erişilebilirlik bildirimleri hakkında daha fazla bilgi edinin
