WordPress Web Sitenizi Daha Erişilebilir Hale Getirmenin 10 Yolu

Yayınlanan: 2022-08-13

WordPress web siteniz erişilebilirlik sorunları yaşıyor mu? Kâr amacı gütmeyen WebAIM'e göre, 50 web sitesinden yalnızca birine tam olarak erişilebilir; web sitelerinin çoğu, engelli ziyaretçiler için olumlu bir deneyim sağlayamıyor. Engelliler de dahil olmak üzere tüm ziyaretçilerin WordPress web sitenizi kolayca kullanabilmesini sağlamak için onu daha erişilebilir hale getirmeniz gerekir.

1. Açıklayıcı Bağlantı Metni Oluşturun

Create Descriptive Anchor Text

WordPress web sitenizde dahili bağlantılar veya giden bağlantılar oluşturuyor olsanız da, açıklayıcı bağlantı metni oluşturmalısınız. Görme bozukluğu yaşayan ziyaretçiler, WordPress web sitenizde gezinmek için bir ekran okuyucu kullanabilir. Ekran okuyucu, bağlantı metnini ve diğer metin içeriği biçimlerini yüksek sesle okuyacaktır. "Buraya tıklayın" gibi genel bağlantı metni kullanırsanız, hangi bağlantıların tıklanacağını bilemezler. Bu uygulamayı ana başlıklarınız için de uygulamak iyi bir fikirdir.

2. Metin İçin Zıt Renkler Kullanın

Use Contrasting Colors For Text

WordPress web sitenizi daha erişilebilir hale getirmek için zıt renkler kullanın. Web İçeriği Erişilebilirlik Yönergeleri (WGAC), metin içeriğinin arka planla 4,5:1 veya daha fazla kontrast oranına sahip olması gerektiğini belirtir. Zıt renkler, renk çarkının zıt taraflarında bulunanlardır. Birbirlerine karışmazlar. Aksine, zıt renkler görsel olarak farklı ve farklıdır. Web siteniz için markanızı oluştururken, sözleşmenin nasıl görüneceğini ve WordPress web sitenize nasıl uygulanacağını düşünmek de önemlidir.

3. Bir Erişilebilirlik Eklentisi Kurun

WordPress için erişilebilirlik eklentileri mevcuttur. WP erişilebilirlik, popüler bir erişilebilirlik eklentisidir. wordpress.org/plugins/wp-accessibility adresini ziyaret ederek indirebilirsiniz. Diğer erişilebilirlik eklentileri arasında Tek Tıkla Erişilebilirlik ve WP Erişilebilirlik Yardımcısı (WAH) bulunur. Kurulduktan sonra, WordPress web sitenizi daha erişilebilir hale getirmek için araçlar ve öneriler sağlarlar.

Install An Accessibility Plugin

4. Resimlere Alternatif Metin Etiketleri Ekleyin

Resimlere alt metin etiketleri eklemeyi unutmayın. Bazı ziyaretçiler resimleri göremeyebilir. Bir görüntünün neyi tasvir ettiğini belirlemek için bir ekran okuyucu kullanmaları gerekir. Ekran okuyucu, görüntünün alternatif metin etiketini yüksek sesle analiz edecek ve okuyacaktır. Alt metin etiketi olmadan veya alakasız veya yanıltıcı bir alt metinle WordPress web siteniz kötü kullanılabilirlikten muzdarip olacaktır.

Add Alt Text Tags To Images

WordPress'e bir resim yüklemek, Gutenberg editörünün sağ tarafında bir dizi özelleştirme seçeneği ortaya çıkaracaktır. Bu alanda alternatif metin için bir alan görmelisiniz. Sitenizde alt metin etiketini görmezsiniz. Bununla birlikte, uygun alana girdiğiniz sürece ekran okuyucular bunu yüksek sesle okuyacaktır.

5. Erişilebilirliğe Hazır Bir Tema Kullanın

Farklı bir temaya geçmek isteyebilirsiniz. Bazı temalar erişilebilirlik vurgulanarak tasarlanmıştır. Erişilebilirliğe hazır temalar olarak bilinen bu temalar, WordPress tarafından belirlenen erişilebilirlik standartlarını karşılar. Erişilebilirliğe hazır bir tema bulmak için tema deposuna gidin ve en üstteki "Özellik Filtresi"ne tıklayın. Bir filtre seçeneği olarak "Erişilebilirliğe Hazır"ı seçmek, erişilebilirliğe hazır temaları aramanıza olanak tanır.

Use An Accessibility Ready Theme

6. Bağlantıları Yeni Sekmede Açılacak Şekilde Ayarlamayın

Bağlantıları yeni bir sekmede açılacak şekilde ayarlamaktan kaçının. Varsayılan olarak, ziyaretçiler onlarla etkileşim kurduğunda tüm bağlantılar aynı sekmede açılır. Ancak bunları tek bir tıklamayla ayrı, yeni bir sekmede açılacak şekilde ayarlayabilirsiniz. WordPress'e bir bağlantı eklediğinizde, biri yeni bir sekmede açık olan bir dizi özelleştirme seçeneği göreceksiniz.

Links To Open In A New Tab

Bağlantıları yeni bir sekmede açmaya zorlamak, ziyaretçilerin siteden ayrılmasını engelleyebilir, ancak bunun maliyeti erişilebilirliktir. WGAC'a göre, bağlantılar yalnızca engelli ziyaretçilerin gezinmesine yardımcı oluyorsa yeni bir sekmede açılacak şekilde ayarlanmalıdır. Yeni bir sekmenin engelli ziyaretçilerin gezinmesine yardımcı olacağı pek çok örnek yoktur, bu nedenle bağlantılar oluştururken varsayılan açma yöntemini kullanmalısınız.

7. İçeriği Başlıklarla Düzenleyin

Daha fazla erişilebilirlik için içeriği düzenlemek için başlıkları kullanın. Köprü Metni Biçimlendirme Dili (HTML), hiyerarşik başlıkları destekler. H1 ile başlayan ve H6 ile biten yarım düzine HTML başlığı vardır. Bunları sitenizin içeriğini düzenlemek için kullanabilirsiniz. Her sayfaya bir H1 başlığı verin. Ardından, H2 başlıklarını içeriğin ilgili bölümlerinin üzerine yerleştirin. Daha sonra H3 başlıklarını H2 başlıklarının altına vb. yerleştirebilirsiniz.

Organize Content With Headings: Ways To Make Your WordPress Website More Accessible

8. Okunması Kolay Bir Yazı Tipi Seçin

WordPress web sitenizin kullandığı yazı tipi, erişilebilirliğini etkiler. Bazı yazı tiplerini okumak diğerlerinden daha zordur. Örneğin, karmaşık süslemelere sahip bitişik el yazısı yazı tiplerini okumak, basit ve temiz satırlara sahip yazı tipi yazı tiplerini okumaktan daha zordur. En erişilebilir, okunması kolay yazı tiplerinden bazıları Arial, Verdana, Calibri ve Times New Roman'dır. Kararsızsanız, bu yazı tiplerinden biriyle yanlış gidemezsiniz.

9. Video İçeriğine Sahip Altyazılar Ekleyin

WordPress web sitenizde video içeriği varsa, buna altyazı eklemelisiniz. Altyazılar, işitme bozukluğu olan ziyaretçilerin sitenizin video içeriğini tüketmesine olanak tanır. Etkinleştirildiğinde, ziyaretçiler metin olarak görüntülenen diyalog, sesler, müzik, sesli efektler ve diğer ses biçimlerini göreceklerdir.

YouTube, altyazı eklemeyi kolaylaştırır. WordPress web sitenizin videolarını YouTube'da barındırıyorsanız, bunlara altyazı eklemek için YouTube Studio'da oturum açın. Sol kenar çubuğu menüsündeki “Altyazılar” bağlantısını tıklamanız ve altyazılarla güncellemek istediğiniz videoyu seçmeniz yeterlidir. Ardından, altyazıları yazarak manuel olarak oluşturabilir veya otomatik çevir seçeneğini belirleyebilirsiniz. Otomatik çeviri seçeneği daha kolay olsa da, genellikle hatalarla dolu.

Include Captions With Video Content: Ways To Make Your WordPress Website More Accessible

10. Bağlantıları Atla

Bağlantıları atla, WordPress web sitenizin erişilebilirliğini artırabilir. Atlama bağlantıları olarak da bilinirler, ziyaretçilerin sayfaların başındaki gezinme bağlantılarını atlamalarına olanak tanır. Çoğu web sitesi, birden çok kategoriden oluşan karmaşık gezinme sistemlerine sahiptir. Ziyaretçilerin içerik bulmak için bu kategorilere göz atması gerekecek. Bunun yanı sıra, bu gezinme bağlantıları genellikle tüm sayfaların başında görüntülenir.

Bağlantıları atla, ziyaretçilerin WordPress web sitenizde gezinmesi için daha kolay bir yol sunar. Ziyaretçileri doğrudan içeriğe yönlendiren aynı sayfa bağlantılarıdır. Ziyaretçilerin sayfanın üst kısmındaki gezinme bağlantıları, reklamlar veya diğer istenmeyen öğelerle etkileşime girmesi gerekmeyecek. Bir sayfaya eriştikten sonra, ziyaretçiler doğrudan içeriğe atlamak için bir atla bağlantısını tıklayabilir.

Erişilebilirlik, WordPress web sitenizi engelli ziyaretçilerin kullanmasını kolaylaştırmakla ilgilidir. Ayrıca, daha büyük bir ziyaretçi kitlesine kapılarını açacaktır. WordPress web sitenizi daha erişilebilir hale getirmek, daha fazla trafik üretecektir. Daha da önemlisi, ziyaretçi katılımını sağlayan olumlu bir itibar geliştirecektir.

İlginç ilgili makale: WordPress Web Siteniz İçin En İyi Eklenti Nasıl Seçilir.