WordPress Web Sitenizi Nasıl Daha Erişilebilir Hale Getirirsiniz?

Bir WordPress web sitesi başlatmak söz konusu olduğunda, her türden ziyaretçinin uğrayacağını aklınızda bulundurmalısınız.

Daha da önemlisi, sitenizin tüm ziyaretçileri, fareyi hareket ettirmek, sitenizin renk düzenini görmek veya video içeriğini duymak gibi bazılarının normal kabul ettiği basit şeyleri yapamayacak. Dolayısıyla, sektörünüzde sağlam bir itibar oluşturmak, dönüşümleri artırmak ve sadece doğru olanı yapmak istiyorsanız, WordPress erişilebilirliğine odaklanmanız gerekecek.

Bu nedenle, bugün WordPress web sitenizi daha erişilebilir hale getirmenin en kolay yollarını özetliyoruz, böylece insanlar sitenizi ne olursa olsun kolaylıkla keşfedebilir.

Öyleyse başlayalım.

WordPress erişilebilirliği nedir?

WordPress erişilebilirliği, web sitenizi ve içeriğini engelliler de dahil olmak üzere tüm kullanıcıların kullanımına sunmak anlamına gelir.

Bunun hedef kitleniz için geçerli olduğundan emin değil misiniz?

Bunun hakkında düşün. National Service Inclusion Project'e göre, yalnızca Amerika Birleşik Devletleri'nde engelli 48,9 milyon insan var. Bunu dünya çapında genişletin ve site ziyaretçilerinizin önemli bir bölümünün, web sitenizi istediğiniz şekilde keşfetme yeteneklerini etkileyen bir tür bozulmaya sahip olma ihtimali vardır.

Web Erişilebilirlik Girişimi, sitenizi daha erişilebilir hale getirmenin aşağıdaki insan gruplarına yardımcı olacağını belirtir:

• Yaşlı
• Kayıp gözlük veya kırık bir uzuv dahil olmak üzere geçici engelli kişiler
• Görme veya işitme engelli olanlar
• Yavaş internet bağlantısı olan kişiler
• Sitenize aydınlık bir alanda veya site sesini dinleyemeyecekleri bir ortamda erişenler gibi durumsal sınırlamaları olanlar
• Bir kişinin yazılı içeriği okuma yeteneğini etkileyen disleksi gibi bilişsel sorunları olanlar

Devam etmeden önce, örneğin Blinkee.com'u ele alalım:

Küçük yazı tipi ve yanıp sönen ışıklar arasında, içeriği okumak, sitede gezinmek veya birkaç saniyeden fazla önemli herhangi bir şeye konsantre olmak için mücadele edecek çok sayıda site ziyaretçisi var.

Ne demek istediğimizi gördün mü? Web sitesi erişilebilirliği, birçok kişinin kabul etmek istediğinden çok daha önemlidir.

Peki neden WordPress erişilebilirliğini önemsemelisiniz?

Kendi kendinize WordPress web sitenizin Blinkee.com'a benzemediğini düşünüyor olabilirsiniz. Ve bu iyi bir şey olsa da, henüz net değilsin.

Site erişilebilirliğini önemsemek için en zorlayıcı nedenlerden bazıları şunlardır:

• Engellilerin çevrimiçi olma olasılığı olmayanlara göre üç kat daha azdır, bu da potansiyel müşterilerin büyük bir bölümünü dönüştürmek için büyük fırsatları kaçırdığınız anlamına gelir
• Google ve diğer büyük arama motorları, erişilebilir siteleri, arama sıralamalarında daha üst sıralarda yer alarak ödüllendirir.
• 2015 yılında bu tür davaların ilk kez takip edilmesinden bu yana binlerce web erişilebilirlik davası açıldı, bu da sitenizin bir dava için risk altında olabileceği anlamına geliyor.

Gördüğünüz gibi, ne tür bir web siteniz olursa olsun, hedef kitlenizin bir kısmını yabancılaştırarak çok şey kaybedersiniz.

Web sitenizi daha erişilebilir hale getirmek için ipuçları

1. WordPress sitenizin erişilebilirliğini test edin

Sitenizi daha erişilebilir hale getirmek için herhangi bir değişiklik yapmaya başlamadan önce, şu anda ne kadar erişilebilir olduğunu görmek en iyisidir.

Bu, Web Erişilebilirlik Değerlendirme Aracı (WAVE) gibi bir araç kullanılarak kolayca yapılabilir. Bununla, sadece sitenizin URL'sini girerek web sitenizin erişilebilirliğini değerlendirebileceksiniz.

Değerlendirildikten sonra WAVE, sitenizin uygun, iyileştirilmesi gereken veya gerçek hatalar olan bölümlerini temsil eden farklı, renk kodlu simgeler görüntüler. Bir simgeye tıklarsanız, neyin düzeltilmesi gerektiğine dair ayrıntılı bir açıklamaya erişebilirsiniz.

2. Renk şemalarını dikkatli seçin

Web sitenizi markalaştırmanın ve rakiplerinizden sıyrılmanın en iyi yollarından biri, belirli bir renk şeması kullanmaktır. Ancak, web sitenize gelen site ziyaretçileri renk körü veya sınırlı görüşe sahipse, sitenizin renklerinden olması gerektiği gibi yararlanamazlar.

Örneğin bu basit renk kontrastı örneğini alın:

İlk resimdeki yazılı metni görmek oldukça zor değil mi? Ve bu görüntüyü görme şeklinizi etkileyen bir engeliniz bile olmayabilir.

Şimdi, dünyada renk körlüğü olan 300 milyon insandan biri olduğunuzu hayal edin.

Zıt renk şemalarınızı izlemenin yanı sıra, çakışan renk şemalarını kullanmaktan kaçınmak da önemlidir. Kontrastın korkunç olmaması renklerin birlikte iyi gittiği anlamına gelmez.

WordPress sitenizin renklerini dengelemeye yardımcı olmak için Contrast Checker adlı bu ücretsiz çevrimiçi araca göz atın.

Basitçe bir ön plan ve arka plan rengi seçin ve aracın renklerin düzgün şekilde dengelenip dengelenmediğini belirlemesine izin verin. Değilse, araç size şunları bildirir:

3. Bir WordPress erişilebilirlik eklentisi kullanın

İşleri gerçekten kolaylaştırmak istiyorsanız, sitenizi değerlendirmek ve herkesin erişebildiğinden emin olmak için her zaman özel bir WordPress erişilebilirlik eklentisi kullanabilirsiniz.

Böyle bir eklenti WP Erişilebilirlik'tir. Bu eklenti, WordPress temalarındaki yaygın erişilebilirlik sorunlarını belirlemenize ve sitenizin kullanılabilirliğini iyileştirmek için bunları düzeltmenize yardımcı olur.

Özelliklerinden bazıları şunlardır:

• Bağlantılardan hedef özniteliğin kaldırılması
• İçeriğe eklenen resimlerden başlık niteliklerinin çıkarılması
• Standart "daha fazla oku" bağlantılarına yazı başlıkları eklenmesi
• Eksikse, standart WordPress form alanlarına etiketlerin eklenmesi
• Odaklanabilen öğelerden tabindex'in kaldırılması
• İki Hex kod değeri arasında bir renk kontrastı görüntüleme
• Ve daha fazlası

Ek olarak, WP Erişilebilirlik, temanızın yüksek karşıtlık, büyük baskı ve gri tonlamalı görünümleri arasında geçiş yapmak için bir araç çubuğu ekler, tüm resimlerde alt nitelikleri zorunlu kılar ve hatta HTML niteliklerinize dil ve metin yönü nitelikleri ekler.

Alternatif olarak, accessiBe gibi özel bir erişilebilirlik platformunu tercih edebilirsiniz. Bu tür bir platformun en iyi yanı, WordPress'in dışında çalışmasıdır.

4. Erişilebilir bir tema kullanın

Erişilebilirlik sorunlarını baştan düzeltmek zorunda kalmaktan kaçınmak istiyorsanız, erişilebilir bir WordPress teması kullanmalısınız.

Tabii ki, bunu söylemek bazen yapmaktan daha kolaydır. Bununla birlikte, resmi WordPress Deposuna göz atarsanız, erişilebilir tasarım kullanan harika ( ve ücretsiz! ) temalar bulabilirsiniz. Tek yapmanız gereken Özellik Filtresini kullanmak ve erişilebilir-hazır olarak etiketlenmiş temaları aramak.

Ancak bizim tavsiyemiz Kadence. Bu temanın ücretsiz bir sürümü vardır ancak ekstra özelliklere sahip premium bir sürümü de mevcuttur.

WordPress web siteniz için erişilebilir bir tema seçerseniz, siteniz gezinme, bağlantı stili, renk şemaları ve daha fazlası açısından tüm kullanıcılar için hazır olacaktır.

5. Tüm resimlere alternatif metin ekleyin

Sitenizin resimlerine alternatif metin eklemek yalnızca arama sıralamalarını yükseltmek için değildir. Elbette, resimlerdeki alternatif metin, arama motoru tarayıcılarına web sitenizi daha iyi anlamalarını sağlar ve en alakalı arama sonuçlarında sıralamanıza yardımcı olur.

Ancak resimlerinize alternatif metin eklemek, engelli kişilerin sitenizdeyken daha iyi bir kullanıcı deneyimi yaşamasına da yardımcı olacaktır. Aslında, resimlerinize eklediğiniz alternatif metin, engellilerin internette gezinmelerine yardımcı olacak bir ekran okuyucu kullanmaları durumunda resimlerinizi "okumasına" olanak tanır.

Bu nedenle, tüm WordPress sitenizin resimlerine alternatif metin ekleyin. Açıklayıcı olduklarından ve anahtar kelimeler içerdiğinden emin olun, böylece bir ekran okuyucu kullanıcılara anlamlı bir şekilde okuyabilir.

6. Sitenizi klavye dostu yapın

Engellilere hitap etmenin ve WordPress sitenizi daha erişilebilir hale getirmenin bir başka harika yolu da sitenizi klavye dostu hale getirmektir. Başka bir deyişle, site ziyaretçileriniz aşağıdaki site öğeleri arasında sekme yapabilmelidir:

• Menü öğeleri
• Bağlantılar
• Düğmeler
• Form alanları

Sitenizin şu anda klavye dostu olup olmadığından emin değil misiniz? Kontrol etmek için tek yapmanız gereken web sitenizi ziyaret etmek ve fare kullanmadan gezinip gezinemeyeceğinizi görmek. Bunun yerine, Sekme düğmesini tıklayın ve ne olduğunu görün.

WordPress.org, sitesini tüm kullanıcılar için erişilebilir kılmak için harika bir iş çıkarıyor. Aslında, sitede sekme yaptığınızda, sekme yaptığınız her menü öğesinin çevresinde noktalı bir çizgi göreceksiniz.

7. Form alanlarını düzgün biçimlendirin

Sitenizin daha düzenli ve temiz görünmesini sağlamak için alan kutularına form alanı etiketleri yerleştirmek cazip gelebilir. Ancak, bazı ekran okuyucular bu tür etiketleri tanımlayamaz ve okuyamaz. Bu, ekran okuyuculara güvenenlerin sitenizin form alanlarını görüntülemesini ve doldurmasını imkansız olmasa da zorlaştırır. Bu aynı zamanda, başarınıza zarar verebilecek dönüşümlerde bir kayıp anlamına gelir.

Para kazanmak veya takipçi sayınızı artırmak için site ziyaretçi kayıtlarına çok güveniyorsanız, form alanlarınızı erişilebilir kılmamak, hedef kitlenizden bazılarını uzaklaştırma şansınızı artırır. Bunu düzeltmek için form alanı etiketlerini her kutunun dışına yerleştirin.

8. Bağlantı stilinin farkında olun

Sitenizin köprü bağlantılarına atadığınız renkler genellikle marka bilinci oluşturma amacıyla seçilse de, köprüler söz konusu olduğunda engellilerin net bir kontrasta ihtiyacı olduğunu unutmayın.

WordPress sitenizin bağlantılarını daha erişilebilir hale getirmek için bazı yararlı ipuçlarının bir listesi:

• Bağlantılarınızda "bağlantı(lar)" kelimesini kullanmaktan kaçının çünkü ekran okuyucular kullanıcılara bağlantının neye yönlendirdiğini söyler
• Bazen büyük harfle yazılan metni harf harf okuyan ekran okuyucuların kafasını karıştırdığı için bağlantılarda büyük harf kullanmayın
• Bağlantı metninde URL kullanmaktan kaçının çünkü ekran okuyucular metni harf harf okuyacak ve bu da kullanıcıların takip etmesini zorlaştıracaktır.
• Tüm içerik bloklarını bağlamayın; kısa ve tatlı yap
• Kaybolmaması için yeni bir pencerede bir bağlantı açıldığında kullanıcıyı uyarın
• Çok sayıda bağlantı bağlantısı kullanırken dikkatli olun (engelli kişiler, daha önce taradıkları sayfada yukarı ve aşağı hareket ettiklerini fark etmeyebilirler)
• Bağlantılı metnin altını çizin ve kontrast için ayrı, göze hoş gelen bir renk kullanın
• Bozuk veya boş bağlantıları düzenli olarak kontrol edin

toparlamak

Sonunda, WordPress erişilebilirliği her zamankinden daha önemli. Günümüzde insanlar her şey için interneti kullanıyor. Faturaları ödemekten sosyalleşmeye ve randevu ayarlamaktan çevrimiçi alışverişe kadar, insanların hayatlarının neredeyse her yönü şu veya bu şekilde çevrimiçi olarak ele alınabilir.

Hedef kitlenizin bir kısmını dışarıda bırakmadığınızdan, sitenizin trafiğini en üst düzeye çıkardığınızdan ve her kesimden insanın sunduğunuz şeyleri keşfetmesini kolaylaştırdığınızdan emin olmak için, nasıl yapacağınıza bakın. sitenize erişilebilir. Eşit değilse, bazı basit ve hızlı değişiklikler yapın. Bu, yalnızca takipçilerinizi veya müşteri tabanınızı büyütmenize yardımcı olmakla kalmaz, yapılması gereken doğru şeydir.

Açıklama: Bu gönderi, bağlı kuruluş bağlantıları içerir. Bu, bir satın alma yaparsanız küçük bir komisyon alabileceğimiz anlamına gelir.