Sitenizi Kolayca Erişilebilir Hale Getirmenin Birkaç Yolu

Bir sayfayı ve onun varlıklarını yapılandırmak, o makine ne olursa olsun, onu makine dostu hale getirir. Kullanıcıların (engelli kullanıcılar dahil) ve makinelerin doğrudan anlamlı içeriğe ulaşmasını sağlayan sağduyu tekniklerini ekleyin ve kesinlikle sitenizi kolayca erişilebilir ve arama motoru dostu hale getirmeye doğru ilerliyorsunuz.

Acemi veya teknik olmayan bir kişinin kendi web mülklerini tasarlamasına ve geliştirmesine olanak tanıyan WordPress'in gücüne hepimiz aşinayız. Bu platformun kurulumu basittir ve içeriğinizin ve işlevselliğinizin herhangi bir ziyaretçi için nasıl devam edeceğini belirleyecek temalar ve eklentiler için sağlam bir çerçeve sağlar.

Sitenizin engelli bireyler tarafından erişilebilir olmasını istiyorsanız, temel WordPress'in erişilebilir bir web sitesinin geliştirilmesini kolaylaştırmak için gereken çok şeye sahip olduğunu göreceksiniz ve eklentiler ve iyi şeyler ekleyerek bunu daha ileriye götürmek zor değil. teknik.

Başlamadan önce, farkında olmamız gereken iki önemli faktör var. İlk olarak, bu dört tekniği tek başına uygulamak, herhangi bir web sitesini tüm gerekli gereksinimlere uyduğu ölçüde herkes için tamamen erişilebilir kılmayacak, ancak web erişiminin önündeki en yaygın engelleri ele alacak ve çok daha fazla erişilebilirlik sağlayacaktır.

İkinci olarak, erişilebilirliğin yalnızca tasarım, geliştirme ve en iyi içerik oluşturma uygulamalarının işbirliğiyle sağlanabileceğini anlamak önemlidir. Bir tasarımcı erişilebilir bir tema tasarlayabilir, bir geliştirici erişilebilir işlevsellik ekleyebilir, ancak içerik yazarı alt etiketi olmadan anlamlı bir resim eklerse, web sayfasının tam anlamına erişilemez.

Bunu akılda tutarak, sitenizi kolayca erişilebilir hale getirmeniz için burada dört ipucu var.

Resimleriniz İçin Alternatif Metin

Web erişilebilirliğinin önündeki en büyük engelin, bir web sayfasındaki görüntüleri tanımlamak için uygun şekilde alternatif metin kullanmak olduğu iyi bilinmektedir. Bu tek nokta, web siteleri oluşturan herkes tarafından ele alınsaydı, en fazla sayıda erişilebilirlik şikayetini ortadan kaldırırdı. İşte bu nedenle, resimlerdeki eksik alt etiketlerin boşluğunu dolduran harika bir SEO Image Optimizer eklentisi geliştirme dürtüsünü hissettik.

Anlaşılması gereken temel nokta, eğer sitenize görsel koyacaksanız, onları alternatif metin ile doğru şekilde etiketlemeniz önemlidir. Başka bir deyişle, robotun sizin görselinizi arama motorlarında listeleyebilmesi için internete koyduğunuz her görselin bir anlamı olmalıdır.

Alt etiketindeki bilgiler, ekran okuyucuların (web sayfalarını görme engelli kullanıcılara yüksek sesle okuyan), salt metin tarayıcılarının ve resimleri yüklemeyen yavaş bağlantıların, resimlerin aktardığı bilgileri anlamalarına olanak tanır.

Bir görüntünün anlamı yoksa, örneğin sadece dekorasyon için kullanılıyorsa, onunla başa çıkmanın iki yolu vardır. CSS kullanarak arka plan görüntüsü olarak yüklerseniz, ekran okuyucular onu yok sayar ve görüntü bir alt etiketi gerektirmez (dikkatli olun, çünkü bu anlamlı görüntüler için de geçerlidir: arka planda yüklerseniz ekran okuyucu onu görmezden gelir) ). Bir resim HTML kullanılarak görüntüleniyor ancak tamamen dekoratifse, alt etiketini kullanın ancak boş bırakın. Bu, ekran okuyucuya bir görüntünün var olduğunu ancak kullanıcı için bir anlamı olmadığını ve sitenizi bir okuyucu için daha erişilebilir hale getirmeyi sağlayan göz ardı edilebileceğini söyler.

Resimlerinize etiket koyarken, göremeyen kişilerin resmin ne anlama geldiğini anlamalarını sağlayacak açıklayıcı bir metin kullanın. Bu, muhakeme gerektirir: görüntü neden buradaydı ve hangi mesajı iletiyor ve hangi kelimelerin aynı anlamı en iyi ileteceği. Her görsel detayın gerçek açıklamalarına kapılmayın, anlamını iletin.

Klasik bir örnek, arama başlatmak için düğme olarak kullanılan bir büyüteç görüntüsüdür. Görüntünün bir anlamı vardır, bu yüzden tarif edilmelidir. “Büyüteç” olarak nitelemek kullanıcıya bir fayda sağlamaz. Bilmeleri gereken şey, bu düğmeye tıklamanın bir arama başlatacağıdır, bu nedenle "aramak için burayı tıklayın" alt metni veya hatta sadece "ara" en uygun olabilir.

Yalnızca bir amaca hizmet eden görseller etiketlenmelidir. Bunlara örnekler aşağıdaki gibidir:

Düğme olarak kullanılan resimler

Bağlantı olarak kullanılan resimler

Diğer kontroller için kullanılan resimler

Doğrudan içerikle ilgili görseller

Bu teknik, elbette sadece WordPress siteleri için değil, tüm web siteleri için geçerlidir. Bununla birlikte WordPress, ilk olarak içerik yazarının Görsel ve HTML görünümleri arasında geçiş yapmasına izin vererek ve ikinci olarak Medya Ekle işlevi kullanılarak bir resim eklendiğinde alternatif metin için bir alan sağlayarak bunu çoğundan daha kolay hale getirir.

Daha İyi Erişilebilirlik İçin Eklentiler

WordPress erişilebilirliği, çeşitli eklentiler kullanılarak geliştirilebilir. Bu eklentilerin kurulumu kolaydır ve çok çeşitli engelleri olan kullanıcıların siteye erişmesini sağlar. İşte sitenizi kolayca erişilebilir hale getirecek bulduğum bazı eklentiler.

Erişim Anahtarları

Erişim Anahtarları eklentisi, erişim anahtarlarının web sitenizdeki bağlantılara ve kontrollere atanmasına izin verir. Örneğin, ana sayfa bağlantısına alt+h erişim tuşu kombinasyonu atanabilir ve arama düğmesine alt+s tuş kombinasyonu atanabilir. Sağlanan örnekler gibi erişim anahtarları, görme engelli kullanıcıların yanı sıra hareket sorunu olanların da istediklerine kolayca erişmelerini sağlar.

Kolay Retweet

Easy Retweet, içeriğinizi Twitter'da paylaşmayı kolaylaştıran erişilebilir düğmeler eklemenize olanak tanıyan bir eklentidir. Bu sayede engelli bireyler sayfalarınızı arkadaşlarıyla paylaşmak isterlerse bunu zorlanmadan yapabilirler.

AStickyPostOrderER

AstickyPostOrderER, içeriğinizin görüntülenme sırasını seçmenize olanak tanır. İçeriği en eskiden en yeniye veya ters sırada görüntülemeyi seçebilirsiniz.

Hackadelic SEO İçindekiler

Hackadelic SEO İçindekiler Eklentisi, yazılarınız veya sayfalarınız için bir içindekiler tablosu sağlamanıza olanak tanır. Bu, içeriğinizin bulunmasını kolaylaştıracaktır.

WP-Anketler

WP-Anketler, engelli bireylerin sitenizde olabilecek herhangi bir ankete katılmasına izin verir.

Sürekli yeni eklentiler geliştirilmektedir. Daha fazlasını aramak için WordPress kontrol paneli işlevini kullanın. Farklı eklentiler deneyin ve engelli kullanıcılarınızdan size geri bildirim vermelerini isteyin

Herhangi bir eklenti kullanırken, eklenti kullanımının seçtiğiniz temayla ve birbirleriyle uyumlu olduğundan emin olun. Eklentileriniz temanızla uyumlu değilse ya çalışmayacak ya da sitenizde gezinmeye çalışan engelli kullanıcılar için daha fazla sorun yaratacaktır. Eklentileriniz birbiriyle uyumlu değilse siteniz kullanılamaz hale gelebilir veya içerikler hatalı görüntülenebilir.

Başlıklarla Gitmenin Yolu

Sayfaları tasarlarken, başlıkları doğru sırada kullanarak içeriği yapılandırmak çok önemlidir: <h1> , <h2> , <h3> vb. Başlıkları kullanarak içeriği yapılandırdığınızda, ekran okuyucu kullanan kişiler sayfaların ne hakkında olduğuna dair bir özet alabilir ve sayfalarda daha kolay gezinebilir. Ekran okuyucu kullanıcıları içeriğin istedikleri bölümlerine ileri gitmek için “H”, geri gitmek için “shift+H” tuşlarına basarak ulaşabilirler.

Sitenizi kolayca erişilebilir kılmak için içeriğinizi birden altıya kadar olan başlıkları kullanarak etiketleyebilirsiniz. Temanızın başlıkları nasıl kullandığını kontrol edin (örneğin, temanız site başlığına <h1> uygulayabilir veya uygulamayabilir ve bu site başlığı her web sayfasında görünebilir veya görünmeyebilir. Her iki durumda da, kullanılan ilk başlığın <h1> olduğundan emin olun. ve aşağıdaki başlıklar (sayfa başlığı, sayfa alt bölümleri, paragraf başlıkları) uygun olduğunda <h6> 'ya kadar sırayla iner.

Sıralama konusunda biraz esneklik var, ancak en mantıklı seçenek başlıkları sayısal sırada tutmak ve gerçekten karıştırmamak, çünkü hem kullanıcı hem de arama motoru için tehlikeli bir durum yaratacaktır (Bunları karıştırmayın – > <h1> , <h4> , <h2> , vb.).

Gezinme Bağlantıları Faydalıdır

Son olarak, site tasarımınızda gezinme bağlantılarına sahip olmanız gerekir. Bu gezinme bağlantıları, engelli kullanıcıların gezinme çubuğunu veya diğer menüleri ve arama kutularını atlamasına ve bu bağlantılara tıklayarak sayfadaki belirli yerlere atlamalarına olanak tanır. Veya kullanıcı sitede istenilen bölümlere hızlıca atlayabilir. Bu bağlantıların, kullanıcıların anlamlı içeriğe atlaması için gerekli olduğu her yerde görünmesi gerekir. Bu bağlantıların neler söyleyebileceğine ilişkin örnekler:

Ana İçeriğe Atla

Gezinme Çubuğuna Atla

Aramaya Git

Bazı WordPress temaları zaten bu tür bağlantılar sağlayabilir. Bu durumda, kendi bağlantılarınızdan herhangi birini eklemeniz gerekip gerekmediğini görmek için bu bağlantıları kontrol etmeniz gerekecektir. Ancak diğer temalar gezinme bağlantıları sağlamayacaktır. Bu nedenle, bu bağlantıları kendiniz eklemeniz gerekecektir.

Toplama

Bu adımların hiçbirinin size %100 erişilebilir web sitesi garantisi vermediğini, ancak evet, sitenizi ziyaret eden her ziyaretçi için sitenizin erişilebilirliğini artıracağını ve sitenize oradaki WordPress web sitelerinin %90'ından daha erişilebilir olduğunu söylediğimi tekrar edeceğim. .

Engelli ziyaretçiler, tıpkı diğer ziyaretçiler gibi sitenizde gezinebilecekler. Bu ziyaretçiler aynı zamanda arama robotlarını da içerdiğinden, sitenizi erişilebilir kılmanın işinize fayda sağlayacağından ve arama motorlarında üst sıralarda yer almanıza yardımcı olacağından ve sonuçta işinizden daha fazla kâr elde etmenize yardımcı olacağından emin olmalısınız.

Umarım bu blog yazısı sizin için faydalı olmuştur ve buradan bazı önemli unsurları alıyorsunuzdur.