WordPress erişilebilirliği nedir ve bu neden önemlidir?Daha iyi ve erişilebilir web siteleri için ipuçları
İster yeni bir web sitesinin sahibi, ister yerleşik bir e -ticaret tüccarı veya wordpress.org gazisi olun, ziyaretçilerin deneyimini geliştirmek için her zaman iyileştirme için yer vardır.Bu, web sitenizin erişilebilirliğini mükemmelleştirmek ağırlığı ile orantılıdır.Bilmeyenler için WordPress erişilebilirliği, çeşitli kullanıcıların web sitenizi ne kadar kolay kullandığını ifade eder.Temel olarak, yazı tipi boyutunuzu, web sitesi sayfanızdaki renk kontrastını ve kolay gezinmeyi içerir.Ancak bunu yapmadıysanız, web sitenizin erişilebilirliğini artırmanın zamanı geldi.Web siteniz, Web’de gezinmeyi zorlaştıran sınırlamalarla yaşayanlar için erişilebilirlik gereksinimlerini karşılıyor mu?Örneğin, körlükle yaşayan web sitesini ziyaret edenler, bir klavye, sağır vb. Kullanmayı zorlaştıran (imkansız değilse) hareketlilik sorunu.
Etik olarak, bu sadece ‘doğru’ değil, aynı zamanda bir web sitesi sahibi olarak, bu değerli trafiği kaybetmek istemezsiniz. Yalnızca ABD’de, dört yetişkinden biri çeşitli engellilik biçimlerinde yaşıyordu – bu da 61 milyon insana eşdeğer. Ayrıca, çoğu zaman, web sitenizin erişilebilirliğini artırmak, sitenizi daha genel olarak kullanır. Bu, hepimizin bildiği gibi, kullanıcı deneyimini geliştirmede ve karşılığında faydalarınızı çok yardımcı olur. Sizi çekmek için yeterli değilse, elbette Seo. Google Shoul gibi arama motorları, iyi erişilebilirlik sunan web sitelerini sıralıyor. Sonuç olarak, WordPress erişilebilirliğinin en iyi uygulamasını takip edemediği için ilk açgözlü yeri kaybedebilirsiniz. Tüm bu nedenlerden dolayı WordPress erişilebilirliği çok ciddiye alır. Hatta kendi web sitesi erişilebilirlik testlerini yaparlar ve bu sorun hakkında el kitapları sağlarlar. Bununla birlikte, WordPress sitenizin zaman alması ve karmaşık olması için% 100 uygun olmasını sağlamak – özellikle ne yaptığınızdan emin değilseniz. Bu nedenle, bu makalede, başlamanıza yardımcı olacak WordPress erişilebilirliğinizin nasıl artırılacağına dair bazı talimatlar sunuyoruz. WordPress erişilebilirliği nedir? Kısaca bahsettiğimiz gibi, bu tamamen herkesin web sitenizi kullanabilmesini sağlamakla ilgilidir. Bu nedenle, erişilebilirlik sadece engelli olanlar için web sitesi deneyimini geliştirmekle kalmaz, aynı zamanda genel olarak kullanıcı deneyimini geliştirmekle kalmaz.
Kısacası, WordPress erişilebilirliği bu üç kapsamlı kategoriyle ilgilidir: Çok Aikit: Kullanıcılar Mobil ve Masaüstü Aygıtları kullanarak web sitelerine erişebilir mi? Çeşitli ekran boyutlarına sahip tabletler ve cihazlar ne olacak?
İşitme/Görsel/Motor/Bilişsel Bozukluklar: Bu tür bozuklukları olan ziyaretçilerin sitenizi kullanması ne kadar kolay? Aradıklarını bulacaklar mı? Her içeriğe erişebilirler mi? Sitenin etrafında gezinmek ne kadar sürer?
Ekonomik: Bazı ziyaretçileriniz yavaş internet veya daha uzun donanım ile sınırlı olabilir. Web siteniz erişilecek yüksek performanslı ekipmana güveniyor mu?
İnterneti daha ayrımcı olmayan bir yer haline getirmek için, erişilebilen web tasarım yönergeleri (WCAG), web siteniz tarafından kontrol edilmesi gereken kutuyu belirleyin. Bu iyi bir başlangıç noktası. Ancak, hala bir yardım eline ihtiyacınız varsa, iki seçeneğiniz var:
Erişilebilirlik eklentilerini kullanın. Uzun vadeli erişilebilirlik stratejileri üzerinde çalışırken sitenizin genel erişilebilirliği için hızlı onarımlar arıyorsanız bu iyidir.
Bir profesyonel kiralayın. WordPress erişilebilirlik uzmanlarını kullanarak,% 100 itaatkar olduğunuzdan emin olmak için ihtiyacınız olan şeylere uyulabilecek yönergeler ve stratejiler alacaksınız. Bir profesyonel, en iyi sonuçları garanti etmek için bu stratejiyi adınıza da uygulamalıdır.
WordPress Erişilebilirliği Nasıl Artırılır Şimdi temel bilgileri tartıştıktan sonra, WordPress web sitenizi daha erişilebilir hale getirmek için daha derine yönelelim.
Doğru CMS/Web Sitesi Makerını Seçmek Yeni bir site başlatırsanız, doğru web sitesi platformunu seçmek çok önemlidir. Tüm web üreticileri, sitenizin erişilebilirliğini artırmak için ihtiyacınız olan yardımcı teknolojiyi sağlamaz. WordPress bu bağlamda övgüye değerdir. İlk olarak, HTML ve CSS işaretlemenizi değiştirmek için kaynak koduna erişebilirsiniz. Bu, web sitenizin erişilebilirliğinin her yönünü geliştirmenizi sağlar. Ayrıca, Gutenberg WordPress düzenleyicisini kullanarak kısa kodu değiştirebilirsiniz. Ayrıca, erişilebilirliğe hazır olan WordPress temalarını da kullanabilirsiniz ve daha önce de belirtildiği gibi, tabanı döşemek için erişilebilirlik eklentisini indirebilirsiniz. Bahsetmemek gerekirse, WordPress kullanıcılarıyla en iyi uygulamaları değiştirebileceğiniz hızla büyüyen bir WordPress topluluğu var. Bu aynı zamanda WordPress erişilebilirlik el kitabını ve gelişimini gözden geçirmek için iyi bir fikir. Bu, web sitenizi oluşturmak için yolculuğa başladığınızda kılavuz olarak kullanabileceğiniz yararlı bir kontrol listesi sağlar. Web sitenizin erişilebilirliğini mükemmelleştirdiğinizde Web Erişilebilirlik Girişimi – Erişilebilir Zengin İnternet Uygulamaları (ARIA) ve Web İçeriği Erişilebilirlik Yönergeleri (WCAG) 2.0’ı da bulabilirsiniz. WordPress Erişilebilirlik Denetimi Zaten bir WordPress web sitesi ve çalıştırınız olduğunu varsayalım. Bu durumda, neyin geliştirilmesi gerektiğini görmek için WordPress erişilebilirlik denetimleri yapmak daha iyidir. Sorun alanını en baştan keskinleştirerek çok zaman kazandıracaksınız.
Manuel denetim çalıştırmak için:
WCAG yönergelerini gözden geçirin ve ele alınması gereken tüm alanların bir kontrol listesini yapın.
Her şeyi gerektiği gibi sağlamak için her öğenin değeri.
Değilse, erişilebilirlik sorununu çözmek için neler yapılması gerektiğini kaydedin ve öğrenin. Veya denetime yardımcı olmak için aşağıdaki erişilebilirliği kullanabilirsiniz:
Sitenizi Markup W3C doğrulama araçları aracılığıyla çalıştırın. Bu, Site belgelerinizin geçerliliğini kontrol eder ve kullanılan dil için yönergelere uyup uymadıklarını doğrular.
Ekran okuyucu uyumluluk testleri yapmak için erişilebilirlik görüntüleyicisini kullanabilirsiniz. Bu erişilebilirlik test aracı, ekran okuyucunun içeriğinizi tarama ve okuma konusunda başarılı olup olmadığını belirler, böylece körlerin web sitenize tam olarak erişebilmesi.
Sitenizin renk kontrastını kontrol edin. Metin ve arka plan rengi arasındaki kontrast çok düşükse, okunması zor olabilir. Bu, web sitenizi kör kullanıcılar ve renk körlüğü için daha az kullanıcı dostu hale getirecektir. Web sitenizin renk kontrastını değerlendirmek için, herhangi bir değişikliğin gerekip gerekmediğini görmek için A11Y (Renk Kontrast Erişilebilirlik Doğrulayıcısı) üzerinden çalıştırın.
Klavye gezinmesinin çalışıp çalışmadığını kontrol edin. Adres çubuğuna tıklayın ve sitenizi gezmek için yalnızca klavyeyi kullanın. Sekme düğmesini kullanarak, menünün çeşitli bölümlerine erişebilmeniz, bağlantıları seçebilmeniz ve sitenizin tüm temel işlevleriyle etkileşime girebilmeniz gerekir.
Erişilen WordPress temalarını kullanın WordPress sitenizin erişilebilirliğini optimize etmek, kolayca erişilen bir şablonla başladığınızda çok daha kolaydır. Aralarından seçim yapmak için ücretsiz erişilebilirlik için hazır 93 tema vardır. Ancak, aksini belirtmedikçe, çoğu şablon erişilebilirliği garanti etmez – bu nedenle tekrar kontrol ettiğinizden emin olun. Bu ‘hazır erişilebilirlik’ şablonu tarafından sunulan erişilebilirlik özelliklerinden yararlanmak istersiniz. WordPress Erişilebilirliği Artırma Bir öğe, WordPress sitenizi denetledikten sonra, geliştirilmesi gereken alanları tanımlamış olabilirsiniz. Gerekli düzeltmeleri yapmanıza yardımcı olmak için, erişilebilirlik için belirli öğeleri optimize etmek için birkaç şey yapabilirsiniz: Açık bir düzeni benimsemek, net bir web sayfası düzeninin, okuyucuların aradıklarını bulmasına yardımcı olmak için iyi bir uygulamadır. Basit web sitesi yapısı:
Web sitesinin içeriğini, navigasyon çubuğunuzdaki öğeyle eşleşen net bir kategoriye dönüştürün. Önemli bilgilere en iyi navigasyonunuzdan tek bir tıklama ile erişilmelidir.
Web sitenizin okunabilirliği tarafından okunabilen içerik, renk, kontrast, yazı tipi, yazı tipi boyutu, heceleme ve cümle yapısından etkilenir. Web sayfalarınızı geliştirmek için aşağıdakileri yapın:
Metin ve arka planınız arasındaki renk kontrastının yüksek olduğundan emin olun.
Okunması zor olmayan bir yazı tipi seçin. Dönen veya karmaşık olan el yazısı yazı tiplerinin deşifre edilmesi zordur. Sans-serif veya temel serif yazı tipleri okuma açısından en iyi arkadaşlarınızdır.
Benzer şekilde, boyut belirli yazı tipi boyutunun altındaysa bazı insanlar metni okumakta zorluk çekebilir: ne kadar büyük olursa, okumak o kadar kolay olur.Bu nedenle, 16px’in altında bir paragrafa sahip olmamaya çalışın. Web sitenizin bir kopyasını yazarken basit tutun.Sözleriniz ne kadar basit olursa, daha geniş bir kitle için web siteniz için daha kolay erişilebilir.Mümkünse jargon, teknik ve bilimsel teriminden kaçının.
Yazım ve dilbilgisi için yazılı içeriğinizi tekrar kontrol edin
Terimi bilmeyebilecek herhangi bir ziyaretçinin kısaltmasını açıklayın.
Web sitenizin gezinme menüsüne erişilebileceğinden ve web sitenize navigasyona duyarlı olduğundan emin olun.Kullanıcılar, yalnızca bir veya iki tıklamayla önemli web sayfalarını (kişileriniz ve sayfalarınız gibi) açabilmelidir.
Açılır menü hemen karmaşıklaştı, çünkü ziyaretçiler aradıkları sekmenin altında aradıkları bilgileri bulacağından emin değiller. Bu nedenle, mümkünse, verandanızın üstünde basit bir başlık tarzı menü kullanmaya devam edin. Son olarak, ziyaretçilerin cihaz ne olursa olsun, web sitenizin tamamına göz atabilmesi için navigasyonunuzun duyarlı olup olmadığını tekrar kontrol edin. Ekran okuyucularını kullanan herkes için alt metin, metin ve/veya alternatif metin ile simgeleri ve görüntüleri optimize edin, Alt etiket tanımlayıcı görüntüsü görsel içeriği sese çevirmek için çok önemlidir. Bu, kör kullanıcılara sitenizin tadını çıkarmak için ihtiyaç duydukları bağlamı almaları için güçlendiren bu. Daha fazla açıklama sağlamak için görüntü açıklaması ve metin alternatifleri (ses bulaşma gibi) de kullanabilirsiniz. Üst İpucu: Resimde önemli bilgileri görüntülemekten kaçının. Bununla birlikte, imkansızsa, diyelim ki, infografikte, ne olduğunu açıklamak için metnin mevcut olduğundan emin olun. Labeli İletişim formunuz, her bir iletişim formunun her alanını açıkça etiketlemek, kullanıcıların doğru bilgileri doldurmasını kolaylaştırır. İletişim formunuzun erişilebilirliğini daha da artırmak için metniniz düz solda olmalı ve yalnızca standart terminolojiyi kullanmalıdır. Çapa metni her zaman tanımlayıcı ekran okuyucusu olmalı ve bağlantıyı daha kolay tanımlamalı ve bağlantı metni tanımlayıcı olduğunda bağlantının nereye götürüldüğünü belirleyin. Örneğin, “Buradaki hizmetimiz hakkında daha fazla bilgi edinin” çapa metni “Burada” köprü kelimesinden daha kesindir.
Kör kullanıcılar metindeki bağlantıları ararsa, sonuncusu, bağlantının onları nereye götürdüğü hakkında neredeyse hiçbir bilgi yoktur, ilk sırada yer alır. Renk kontrastının dikkate alınması çok önemli olduğu, doğru rengin de kullanılması uygun rengi kullanın. Çok fazla zıt renk kullanmaktan kaçının. Çelişkili parlak renkler gürültüye neden olur. En kötüsü, bazı kullanıcılar için olağanüstü ve en fazla görmek rahatsız edici. Mümkünse, nötr renklerden ve çok sayıda beyaz alandan oluşan tutarlı bir renk şeması tutun. Kendinizi yasal olarak erişilebilirlikle ilgili davalardan korumak için sitenize bir erişilebilirlik bildirimi ekleyin, sitenizin erişilemeyen kısımları olup olmadığını ve yerleştirdiğiniz erişilebilecek alternatif içeriği açıklayın. Bu şekilde, önemli müdahaleye sahip kullanıcılar, web sitenizde zaman geçirip geçirmeyeceğinize kendiniz karar verebilir. İnsanları erişilebilirlik sorunlarını bildirmeye teşvik etmek için iletişim bilgilerinizi burada da sunmak isteyebilirsiniz. Bir uzman, Web erişilebilirliğinde deneyime sahip WordPress profesyonel geliştiricilerinin erişilebilirliğinin üstesinden gelmeye nasıl yardımcı olabilir, tüm bu süreci çok daha kolay hale getirebilir. Kimseyle çalışmayı kabul etmeden önce, aşağıdaki bilgiye sahip olduklarından emin olun: Kapsamlı bir WordPress erişilebilirlik denetiminin nasıl yürütüleceğine dair güçlü bir anlayış.
Erişilebilirlik kuralları ve düzenlemeleri hakkında güçlü bir şekilde anlaşılır (hem ulusal hem de uluslararası, örneğin Amerikan Engellilik Yasası (ADA)).
Uyum sağlamak için gereken değişiklikleri uygulamak için gereken teknik beceriler. Yukarıdaki kriterleri karşılayan WordPress uzmanları ile WordPress erişilebilirliğinizi güvenli bir elle sakinleştirebilirsiniz. Kodlanabilir WordPress erişilebilirliğine sahip doğru erişilebilirlik ortaklarını bulun tüm web sitesi sahipleri için büyük bir endişe olmalıdır. Özet için, erişilebilirlik yönergelerine uymak, garanti altına alınmaya yardımcı olur:
Ayrımcı olmayan web içeriği üretimi
Bölgesel ve uluslararası erişilebilirlik yasasına uyum
Sitenizin genel kullanımını ve görünümünü artırmak
Daha iyi SEO
Daha geniş erişim
Kendi web sitenizin erişilebilirliğini mükemmelleştirmek gibi büyük projeleri ele almaya hazır değilseniz, kodlanabilir sizi WordPress’in geliştirilmesinde uzmanlaşmış doğrulanmış erişilebilirlik uzmanlarına bağlayabilir. Peki ne bekliyorsun? Doğrulanmış bir Freelancer seçeneğinden veya kendi erişilebilirlik ekibiniz için ücretsiz tahminler almak için projenizi bugün kodlanabilir olarak gönderin – seçim elinizde!