WordPress Sitenizin Erişilebilirliğini Geliştirmenin 10 Yolu

Yayınlanan: 2022-03-29
WordPress Sitenizin Erişilebilirliğini Geliştirmenin 10 Yolu

Web sitesi erişilebilirliği, fiziksel ve durumsal engelleri veya ekonomik kısıtlamaları ne olursa olsun, web sitenizin herkes için kullanımının kolay olmasını sağlamaktır. Koşullar ne olursa olsun, sitenizdeki deneyimin tüm kullanıcılar için sorunsuz olduğundan emin olmak istiyorsunuz.

Web sitenizin bu yönü düzeltilmediyse, çevrimiçi sayfanızdaki temel özelliklere erişemedikleri için hedef pazarınızın önemli bir kısmını kısıtlıyor olmanız için iyi bir şans olabilir.

Kişi esas olarak engellileri düşünebilir ve elbette bu, başlamak için iyi bir yer; web sitesi erişilebilirlik sorunları, aşağıdakiler gibi geçici durumsal koşullara değinebilir:

  • akıllı televizyonlar (TV'ler) ve benzerlerini kullanarak cep telefonları veya diğer küçük ekranlı cihazlar aracılığıyla sitenize erişmesi gereken kullanıcılar;
  • Yaşlanma nedeniyle farklı ve değişen zorluklarla karşılaşan eski web sitesi ziyaretçileri;
  • Kötü aydınlatılmış bir alanda sitenize erişen kullanıcılar; ve
  • Yavaş internet bağlantısı kullanan veya bant genişliği ülkeleri veya yerleri nedeniyle pahalı olan kullanıcılar.

Ele almanız gereken zorlukların geniş ve değişken ortamını bilmek, işe yarayabilecek çözümler üretmenize yardımcı olabilir. Aşağıdakiler, sitenizdeki erişilebilirliği iyileştirmenin temel yollarıdır

1. İçeriğinizi Sesle Kontrol Edilebilir Hale Getirin

Ses tanıma, içeriğinizin sesle kontrol edilmesini sağlamak için bir web sitesine entegre edilebilen bir özelliktir. Buna formlar, düğmeler, bağlantılar ve diğer denetimler dahildir. Fareyi veya klavyeyi kullanamayan kullanıcıların sitenizdeki işlevleri sesle gerçekleştirmesine olanak tanıyan dikte yazılımını entegre edebilirsiniz.

Bunun çalışması için tüm içeriğinizin uygun şekilde kodlanması ve tasarlanması gerekir. Ek olarak, sesli komutla hangi kontrolün etkinleştirileceğini netleştirmek için sitenin kaynak kodunda görsel olarak nasıl temsil edildikleriyle eşleşen tanımlayıcılara ve etiketlere ihtiyacınız olacak.

2. Renk Seçimlerinize Dikkat Edin

Dünya çapında milyonlarca insan renk körüdür, bu nedenle kullandığınız renkler bu gerçeğe dikkat etmelidir.

Ayrıca, web sitenizin renk oranlarını ve kontrastını seçerken dikkatli olmalısınız. Renk kontrastı seçenekleri yüksek olmalıdır; örneğin, belirli görsel sınırlamaları olsa bile kullanıcıların içeriğinizi okumasını kolaylaştırmak için beyaz bir arka plana karşı siyah metin kullanmak.

3. Bağlantılarınızın Altı Çizili Olduğundan Emin Olun

Son zamanlarda birçok kişi 'bağlantılarınızın altını çizin' kuralından vazgeçiyor çünkü altı çizili olmayan metin altı çizili olandan daha estetik bir çekiciliğe sahip. Bu doğru olabilir, ancak web sitenizin birincil görevi işlevselliktir. Bunun anlamı her şeyde; işlevselliğe öncelik veriyor olmalısınız.

Alt çizgiyi kaldırmak, kullanıcılarınızın sayacınızın köprü bağlantılı kısımlarını tanımlamasını zorlaştırır. Hala içeriğinizin altını çizmek istemiyorsanız, bağlantılarınızı kopyanın geri kalanından farklı kılmanın başka yollarını düşünün. Bunu yapmak için renkli veya kalın metin kullanabilirsiniz.

4. Resimlere Alt Etiketler Ekleyin

Web sitenizin erişilebilirliğini artırmak için, web sitenizdeki tüm resimlere 'alt etiketler' eklemeyi düşünmeniz gerekecek.

Bazı siteler alt metinlerini arama motoru optimizasyonu (SEO) stratejilerinin bir parçası olarak kullanırlar: bir görseli olabildiğince kısa ve en iyi şekilde tanımlamak için kullanmak yerine, bu alanı sitelerinin sıralamasına yardımcı olacağını düşündükleri anahtar kelimeleri doldurmak için kullanırlar. Açıkçası, bu genellikle bir web sitesi ziyaretçisi için iyi bir okuma deneyimi ile sonuçlanmaz ve web sitenizi erişilebilir kılmak için bundan kaçınmak istersiniz.

Birisi bir ekran okuyucu aracılığıyla web sitenize eriştiğinde ve web sitenizin görsel içeriğine alt etiket eklenmediğinde, ekran okuyucusu görüntüde ne olduğunu okuyucuya açıklayamaz. Alt etiketi, bir ekran okuyucu yazılımına bir görüntüde ne olduğunu ve bunun çevresindeki içerikle ne kadar alakalı olduğunu söyleyen şeydir.

Bir sitedeki görsellere alt etiket eklemek için editörünüzün sağ tarafında bulunan Alternatif Metin alanına gitmeniz ve görseli anlatan kısa bir cümle yazmanız gerekmektedir.

5. Bağlantılarınızı Açıklayıcı Tutun

Bazı kullanıcılar görsel sınırlamalar nedeniyle sitenizde gezinmek için sesli komut teknolojisini kullanacak. Sitenizin ziyaretçilerinin bu segmenti, sitenizin içeriğine erişmek için ekran okuyucuları kullanacağından, bağlantılarınız daha bağlamsal olmalıdır.

'Daha fazlasını oku' gibi belirsiz bir şey söylemek yerine, kullanıcıların bağlantının onları tam olarak nereye götüreceğini bilmeleri için bağlantınızı bağlamsallaştırmak için daha fazla ayrıntı eklemek isteyebilirsiniz. Bu nedenle, sadece 'daha fazlasını okuyun' yerine, daha fazla ayrıntı eklemek ve 'ekibimizin size nasıl yardımcı olabileceği hakkında daha fazla bilgi edinmek için burayı tıklayın' gibi bir şey okumasını isteyebilirsiniz. Bu şekilde, ekran okuyucu kullanan bir kullanıcıdan sağlanan bağlantıya tıklaması istenir.

6. Yazı Tipi Boyutunuzu Farklı Ekranlarda Test Edin

Şu anki don't size nod'u vermeden önce, sitenize farklı ekran boyutlarına sahip farklı cihazlardan erişmelisiniz, örneğin metninizin bir kişisel bilgisayarda (PC) ve bir cep telefonunda nasıl göründüğünü test ederek optimize edildiğinden emin olun. hem büyük hem de küçük ekranlar için.

7. Ana İçerik Bağlantılarını Ekleyin

Bu konuda hiçbir şey yapmazsanız, ekran okuyucu kullanan kullanıcılar sitenizde yorucu zaman geçirecekler çünkü okuyucuları web sitenizi en baştan aşağı okumaya başlayacak ve bazen kullanıcının ihtiyaç duyduğu içeriği okumaya başlaması biraz zaman alabilir. okumak.

Bunu düzeltmek için WordPress sitenizi oluştururken ekran okuyucuların sayfanızdaki ana içeriğe atlamasını sağlayan bağlantılar eklemeniz gerekir. Bu bağlantı, köprü metni biçimlendirme dilinizin (HTML) ilk sütununa eklenebilir.

8. Görsel ve İşitsel İçeriğe Metin Alternatifleri Sunun

İçeriğinize altyazı eklemek, işitme engellilerin içeriğinize erişmesine yardımcı olabilir. Sitenizde video, podcast veya sesli kitap yayınlarken, herkesin anlayabilmesi için o içeriğe alternatif olarak metin eklediğinizden emin olun.

9. Sekme İndekslemeyi Etkinleştir

Bazı kullanıcılarınız, özellikle motor becerileri sınırlı olanlar, sitenizde bir izleme dörtgeni veya fare kullanarak gezinmek yerine genellikle klavyelerinin sekme tuşuyla yanıt verir.

Bu kullanıcıları barındırmak için sitenizin sekme dizine eklendiğinden emin olun. Bu, içeriğinizin öğelerinin sırasını belirleyerek tüm kullanıcıların içeriğinize istedikleri sırayla erişmelerini sağlamaya yardımcı olduğunuz zamandır.

9. Sekme İndekslemeyi Etkinleştir

10. Düşük İnternet Hızları İçin Siteler Tasarlayın

Ortalama bir kullanıcı sitenize erişirken yüksek ila ortalama internet hızlarına sahip olurken, bazı kullanıcılar normal internet hızlarından daha düşük internet hızları yaşarlar.

Ek olarak, genel olarak yüksek internet hızlarına sahip kullanıcılar bile zaman zaman sivilceli bağlantılarla karşılaşabilir. Web sitenizi bunu göz önünde bulundurarak tasarlamak, web sitenizin her zaman herkes tarafından erişilebilir olmasına yardımcı olabilir.

Bunun, web sitenizin yalnızca HTML metniyle yazılması gerektiği anlamına geldiğini düşünebilirsiniz, ancak bu bundan çok uzak. Akış standartları şunları içerebilir:

  • Sayfalarınızın 25 kb'den fazla olmadığından emin olun. Amacınız yaklaşık 15 saniye içerisinde web sitesi verilerinin yüklenmesini sağlamak olmalıdır.
  • Sitenizdeki görüntüleri azaltmak ve site yapınızı temiz tutmak için basamaklı stil sayfaları (CSS) kullanın.
  • Sitenizin sayfalarının önbelleğe alınabildiğinden emin olun; bu, sitenizi sık ziyaret eden ziyaretçilerin yükleme süresini azaltır.
  • PDF gibi büyük dosyalara bağlantılardan kaçının, ancak bu tür bağlantıların gerekli olup olmadığından emin olun. dosya boyutunu görüntüleyin.
  • Sitenize ilk yüklenen içerik, okuyucuyu diğer bilgiler yüklenirken birkaç saniye daha beklemeye motive ettiğinden son derece önemli olmalıdır. Bu yüzden önce değerli bilgileri koyduğunuzdan emin olun.

Çözüm

Bir web sitesini erişilebilir kılmak çok fazla planlama gerektirir. Bu, ister sıfırdan bir site oluşturuyor olun, ister mevcut sitenizi ayarlamak isteyin, doğrudur. Farklı sınırlamalara sahip kullanıcıların web sitenizle nasıl etkileşime girebileceklerini ve deneyimlerini nasıl daha iyi hale getirebileceklerini düşünmek için biraz zaman ayırın.