WordPress’te Web Erişilebilirlik Yönergeleri Nasıl Uygulanır
Bir WordPress web sitesi oluştururken, zaten yapılması gereken şeylerin bir listesine sahip olabilirsiniz. Düzeni, sosyal simgeleri, Google Analytics’i, SEO ayarlarını optimize etmek – sadece birkaç tanesi. Bahsetmemek gerekirse, site çevrimiçi olduğunda içerik yapmak. Belki istediğiniz son şey listeye daha fazlasını eklemektir. Ancak, bu önemlidir, web erişilebilirliği. Ne soruyorsun? Sitenize erişilebilir hale getirmek, görsel, işitsel veya diğer bilişsel bozukluklar, öğrenme güçlüğü, sınırlı hareketler, konuşamama, ışığa duyarlılık ve diğer şeyler gibi sınırlardan bağımsız olarak, herkesin kullanabileceği şekilde yönetmek anlamına gelir. Web’i farklı şekillerde keşfederler.
Neden umursamalısın? Çünkü (a) dikkatsiz bir pislik değilsiniz ve başkalarını önemsiyorsunuz, sanırım ve (b) kitleniz web sitenizin hayatının kanıdır, neden çoğunu görmezden geliyorsunuz? Ayrıca, mümkün olduğunca çok insanı çekmek için web sitesi hedefi değil mi? Bunu başarmak için, Web erişilebilirliğinin tam olarak neyin erişilebilirliğini ve WordPress sitemize nasıl uygulanacağını göreceğiz. Web erişilebilirliği için kılavuz nedir? Web sitesini yapan ilkelere, web içeriğinin (WCAG) erişilebilirliği için yönergelerde formüle edilen her türlü ziyaretçi tarafından erişilebilir. Web siteniz şu olmalıdır:
Algılanabilir – Bilgi ve içeriği kullanıcı tarafından görülebilecek şekilde sunmak anlamına gelir.
Çalıştırılabilir – Arayüz bileşeni birçok farklı kullanıcı için birçok farklı durumda çalışmalıdır.
Anlaşılır şekilde – kullanıcılar tüm içeriği anlayabilmelidir.
Güçlü – Bu, yardımcı teknoloji de dahil olmak üzere birçok farklı kullanıcı aracının okunabileceği ve anlaşılabileceği anlamına gelir. Pratik olarak nasıl çalışır? Şimdi başardığımız şey bu. Bir web sitesine nasıl erişilir, Web sitesinin önce erişilebilen bazı ana bileşenlerini tartışalım. Bundan sonra, onu uygulamamıza izin veren bazı araçlar göreceğiz.
TEX olmayan tüm içerik için alternatif bir metin verin Yazılı içeriğinizi görsellerle tamamlayın, daha ilginç hale getirmenin iyi bir yoludur. Ancak, tüm ziyaretçiler görüntüleri ve grafikleri göremez. Deneyimlerini geliştirmek için, görsel içerik yayınladığınızda ALT’ın başlık etiketini ve açıklamasını eklemek çok önemlidir. WordPress’te bunu yapmak çok kolay ve bu nedenle geçersiz bir neden. Nasıl çalıştığından emin değilseniz, SEO Maddesi Makalesine bakın: Görüntü Optimizasyonu. Başlıktan tahmin edebileceğiniz gibi, bir açıklama ve etiket altını SEO üzerinde olumlu bir etkiye sahiptir, bu yüzden iki kuşu bir taşla öldürürsünüz.
Bir şey daha: pankartlar gibi görüntüler şeklinde metin de ekran okuyucuları tarafından tanımlanamaz ve bu nedenle kaçınılmalı veya alternatifler verilmelidir. Temiz ve yapılandırılmış içerik kullanın ve HTML, sitenizin ön ucunda ve arka ucunda sağlam bir yapıya sahiptir ve bunlara yardımcı olabilecek insan okuyucular ve makineler için önemlidir. Anlamsal başlık etiketleri, madeni para listeleri, alt etiketler, meta açıklamalar, vb. Gibi HTML öğelerini kullanmak, içeriğinizi yalnızca içeriğinizin daha iyi görünmesini sağlamakla kalmaz, aynı zamanda hangi teknolojiyi ve her şeyin nerede olduğunu da söylemek.
Açık navigasyon, bağlamsal bağlantılar ve site haritaları yapmak da yardımcı olur. İkincisi ekran okuyucuları tarafından okunabilir ve navigasyon amacıyla kullanılabilir. Ancak, bu sadece arka plandaki teknik konularla ilgili değildir. İçeriğinizi genel olarak daha erişilebilir hale getirmek için önce okuyucularınız ve ikinci arama motoru için yazmanız gerektiğini zaten bilebilirsiniz. Bu uygulamanın web erişilebilirliği açısından ek yararı, ekran okuyucuları için ve bir bilgisayar sesinde temsil edilen yazma ve okunması kolay yazma işleminin daha kolay olmasıdır. Klavye desteği ve giriş yardımı sunmak Her tür kullanıcının almasına yardımcı olmak için diğer önemli yollar sunmaktır. Web Sitelerinden Maksimum Sonuçlar Sitenin fare veya izleme çantası ile değil, yalnızca bir klavye ile kullanılabilmesini sağlamak için daha kolay erişilebilirsiniz. Bu, bağlantınıza sekme düğmesi üzerinden erişebileceğiniz ve diğer cihazlar olmadan gezinemeyen klavye tuzağından kurtulabileceğiniz anlamına gelir. Aynı yöne giden eylem, yazım veya otomatik düzeltme sınavı ve diğer hata önleme sistemleri hakkında tavsiyelerde bulunmaktır. Özellikle yasal veya finansal bilgiler için gönderilen verileri tersine çevirebilir, yeniden kontrol edebilir veya onaylayabilir.
Bilmiyorsanız ARIA dönüm noktasını uygulayın, Aria erişilebilir zengin internet uygulamalarının kısaltmasıdır. Bu terim, HTML belgelerindeki, sitelerde ve sayfaları daha kolay gezinmek için önemli bilgiler sağlayan yardım teknolojisi sunan belirteçleri açıklamaktadır. Örneğin, kullanıcıların sitenizin başlığını ve gezinmesini geçmesine ve hemen ana içeriğe atlamasına izin vermek için sayfa bölümünü işaretleyebilirsiniz. Olayların çerçevesi bunu kutunun dışına uygulamaya başladı ve Landmark Aria, en iyi efektler için temiz HTML ile birlikte kullanılır. İyi kontrast verin, içeriğinizin tüketilmesini kolaylaştırmak ve site öğelerinin birbirleriyle net bir şekilde görülebilmesini sağlamak için iyi bir kontrastlı basit bir tasarım stili kullanın. ona ihtiyacı olmak. Bu amaçla, birkaç web sitesi, sadece sınırlı CSS olmadan veya muhtemelen yazı tipi boyutunu artırmak için basitleştirilmiş site sürümleri gibi farklı tasarımları değiştirmek için düğmelidir. Eklenti bu konuda çok yararlı, aşağıda. Bazı kullanıcılar için nöbet indüksiyon öğelerinden kaçının, yanıp sönen içerik ve hızlı grafikler nöbetlere neden olabilir, bu nedenle bundan en başından kaçınmalısınız. Gerçekten ihtiyacınız varsa, yanıp sönmenin saniyede üç kez eşiğin altında olduğundan emin olun.
Sonra tekrar, bu 90’lar değil ve myspace’de değiliz, bu yüzden GIF’i manuel olarak yanıp sönmekten kaçınmalısınız. İnsanlar farklı hızlarda içeriği takip ettiğinde hassas içeriğe alternatifler sunar. Bu nedenle, belirli bir zamana duyarlı medya ve web içeriği türüne herkes tarafından erişilemez. Bu nedenle, sınavlar gibi alternatif zaman içeriği içeriği sağlamak iyidir. Ortamın gerektiği kadar sık çalınabilir ve video için kapalı bir metin veya metin transkripti sunabilir. Başka bir iyi fikir, otomatik rulolardan tamamen kaçınmak veya alternatif bir ekran şekli vermektir. Son olarak, birkaç tema tarafından sağlanan sınırsız rulolar hakkında kısa bir not: bu özellik ekran okuyucularına müdahale edebilir, bu yüzden iki kez kullanmayı düşünün. Web Erişilebilirliği İçin WordPress Araçları Yukarıdaki bilgiler manuel olarak erişilebilen bir web sitesi oluşturmak için yeterli olsa da, şimdi tartışacağımız bir dizi araç sayesinde bunu yapmanız gerekmez. İlk WordPress teması, erişilebilecek gittikçe daha fazla sertifikalı WordPress temaları, bu sorunun başından beri üstesinden gelmemizi sağlar. Yani, tema W3C doğrulanmış ve WCAG standardına uygun erişilebilirlik özellikleri içeren bir kodla yapılır. Kutunun dışında iyi çalışırken, erişilebilirliğe hazır tema, kendi ayarınız için bir ana tema olarak da işlev görebilir ve erişilebilir web siteleri oluşturmak için iyi bir temel oluşturabilir. Yirmi on altı
Yirmi on altı en son varsayılan WordPress temasıdır ve burada tork halinde kapsamlı açıklamalar ve testler bulabilirsiniz. Bu tema, pek çok fırfırsız net ve modern bir düzen sağlar. Ayrıca duyarlıdır ve temiz bir HTML ile inşa edilir, bu da onu yardımcı cihazlar için ana aday haline getirir. Bunun yanı sıra yirmi on altı da iyi bir ebeveyn temasıdır. Kesinlikle denemeye değer. Marten Rand-Hendriksen tarafından Simonetema özellikle erişilebilirlik dikkate alınarak inşa edildi. Duyarlılık ve büyük görüntü ve tipografi, herhangi bir cihazda okumayı kolaylaştırır. Ayrıca, kullanıcıların sitenizi fare veya benzer bir cihaz olmadan keşfedebilmeleri için klavye tarafından erişilebilen gezinme ile birlikte gelir. WPMINE
Basit ve duyarlı temalar HTML5 ve CSS3 ile oluşturulmuştur, WPSTART ayarlama özelliklerine öncelik verir. Özel arka planlar ve başlıklar, açılır menüler, formatlar gönderme, çoklu destek ve daha fazlası sunar. Bu tema aynı zamanda hızlı ve sertifikalı erişilebilirlik için de hazırdır. Yazar
Yazar okumak için tasarlanmış ücretsiz bir temadır. Net kontrast, pürüzsüz düzen ve içeriğe odaklanmak, erişilebilirliğe odaklanan sadece birkaç özelliktir.
Azaltılmış ve birleştirilmiş senaryo ve stil sayfası sayesinde, yazar ayrıca hızlı, duyarlı ve eğlenceli bir şekilde içerir. Sonsuz
Bağlantılar için topaklar ve CSS ekleme
Çekme menüsüne klavye erişilebilirliği ekleyin Çok erişilemeyen Genesis Widget’ı silin Gönderi başlığını “Devamını Oku” bağlantısına ekleyin Erişilebilirlik Widgetİçeriğinizin herkes tarafından okunması kolay olduğundan emin olmak için, bu eklenti, kullanıcıların sitenizin metninin boyutunu artırmasını sağlayan bir yan çubuk widget ekler. Aktif olarak geliştirilmiş gibi görünüyor ve son zamanlarda güncellendi. Ayrıca, metnin renginin de geçişini etkinleştirmek için gelecekteki bir plan var. Büyütmek
Adından da anlaşılacağı gibi, bu eklenti okumayı kolaylaştırmak için sitenizdeki önceden belirlenmiş alanlar için yakınlaştırmayı etkinleştirebilir. Şu anda 40 farklı zoom stili var ve burada nasıl çalıştığının demosunu görebilirsiniz. Daha önce de belirtildiği gibi kullanıcı stili sayfasındaki farklılıklar, bazı web siteleri tasarımı tek bir düğme ile değiştirmenize izin verir. Şimdi seninki onlardan biri olabilir. Styles sayfası değiştirici eklentisi, kullanıcıların farklı görünümler arasında seçim yapabilmesi için sitenizin ön ucuna stil sayfaları listesi ekler. Bu şekilde düşük bir tasarım veya daha yüksek bir kontrastla sunabilirsiniz. Aslında, kullanıcıların gerilme menüsü veya simgelerden seçebilmesini istediğiniz kadar stil sunabilirsiniz. Esaudioplayer
Basit, çapraz tarayıcı, kolay erişilebilir MP3-Audio oynatıcı olan EsaudiopLayer, ziyaretçileri konuşma yoluyla karşılamak için sitenize ses dosyaları eklemek için kullanılabilir. Bu aynı zamanda diğer resimlere ve grafiklere ve slayt şovlarına ses yorumları eklemenizi sağlar. Ayrıca, bir metin tarayıcısı aracılığıyla kullanımı ile uyumlu oynatıcı kontrolü. Gspeech
Bu eklenti, WordPress için 50’den fazla dil için site çevirileri sağlamak için Google’ı kullanan metin-özel bir çözümdür. Bu, menü de dahil olmak üzere web sitesindeki herhangi bir metni dinlemenizi sağlar. Ayrıca, Gspeech daha önce farklı kullanıcı seviyelerine ayarlanmış mesajlarla kaydedilmiş selamlar oynayabilir. Ücretsiz sürüm mevcuttur, ancak gelişmiş özellikler için 39 $ ‘dan başlayan bir Pro Lisans satın almanız istenecektir. Seo yoast
Bu doğrudur, SEO eklentisi de erişilebilirliği artırır. Nasıl? İçeriğinizi herkes tarafından daha kolay anlaşılmasını ve daha kolay erişilebilir hale getiren ALT, başlık ve diğer öğeleri ayarlamanızı hatırlatarak. Özellikle Yoast SEO, içeriğinizin nasıl artırılacağına dair çok fazla girdi sağlar. Kullanmak. Google XMLS Site Haritası Daha önce belirtildiği gibi, site haritaları ekran okuyucuları için önemli bir erişilebilirlik faktörü olabilir. Yoast SEO gibi, sizin için bir site haritası ayarlayabilen eklentiler kullanmazsanız, bu eklenti de aynı şeyi yapabilir. Erişilebilirlik Web sitenizin erişilebilirliği veya müşteriniz için bir ölçüt almak isteyip istemediğinizi kontrol edin, değerlendirme değerlendirme aracına, yani Wave Tools’a bakın. Yalnızca URL’yi girdikten sonra, servis başlık etiketleri, ALT etiketleri, metin boyutu, kontrast ve daha fazlası gibi çeşitli erişilebilirlik göstergelerini kontrol eder. Ayrıca, site oranlarınızın nasıl olduğu ve girdiğiniz sayfanın doğrudan ekranı ile bir artış alanı olasılığı hakkında ayrıntılı geri bildirim verir. Eklentiler şeklinde bir başka çözüm, sitenizde sürekli ve otomatik testler yapabilen Access Monitor’dur. Ancak, bu premium bir hizmettir (ücretsiz deneme ile olsa da). Ek araçlar için erişilecek WordPress bölümündeki listeyi kontrol edin. WordPress sitenize nasıl erişebilirsiniz?