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

WordPress erişilebilirliğini anlamak ve uygun şekilde kullanmak, sitenizin kullanılabilirliği için hayati önem taşır. Bu konuda yeniyseniz, erişilebilirlik kulağa nasıl geliyorsa öyledir: herhangi birinin bir şeye erişebilme ve tam olarak kullanabilme derecesi.

“Erişilebilirlik, web sitelerinizi mümkün olduğunca çok kişi tarafından kullanılabilir hale getirme uygulamasıdır. Geleneksel olarak bunun engelli insanlarla ilgili olduğunu düşünüyoruz, ancak siteleri erişilebilir hale getirme uygulaması, mobil cihaz kullananlar veya yavaş ağ bağlantısına sahip olanlar gibi diğer gruplara da fayda sağlıyor.” (kaynak)

Siteniz ne kadar erişilebilir olursa, o kadar çok kişi onu kullanabilir. Bir siteye daha az erişilebilir olduğunda veya erişilebilirliğe öncelik verilmediğinde, hedef kitlenizin bir kısmı sitenizin sunduğu tüm bilgileri almaktan caydırılır veya tamamen engellenir.

Bu yazıda, erişilebilirliğin neden önemli olduğunu, ne anlama geldiğini, WordPress'in zaten erişilebilir olma derecesini, site oluşturucuların siteleri nasıl erişilebilir hale getirebileceğini ve bir sitenin erişilebilirliğinin nasıl test edileceğini tartışacağız.

Başlayalım!

Web Sitesi Erişilebilirliğine Yönelik Video Kılavuzumuza Göz Atın

Web Erişilebilirliği Ne Demektir?

Web erişilebilirliği, bir web sitesinin tüm insanların kullanabilmesi için tasarlanması ve geliştirilmesi anlamına gelir. Buna, web sitesini nasıl anladıkları, nasıl gezindikleri, etkileşim kurdukları ve web sitesine nasıl katkıda bulundukları da dahildir.

Web erişilebilirliğini tam olarak tanımlamanın ve anlamanın iyi bir yolu, bazı mitleri yıkmaktır.

Siteniz ne kadar erişilebilir olursa, o kadar çok kişi onu kullanabilir. Bu kadar basit. Bu kılavuzda daha fazla bilgi edinin. ️ Tweetlemek için tıklayın

Efsane Bir: Sadece Körler İçin

Tamamen erişilebilir bir web sitesi işitsel, bilişsel, nörolojik, fiziksel, konuşma ve görme engelli kişiler tarafından kullanılabilir olmalıdır. Engelliler, erişilebilirlik çabalarının ana odak noktasıdır. Ancak, erişilebilir bir web sitesinden yararlanan tek kişi onlar değil.

Web erişilebilirliği, aşağıdaki tüm insan ve durum türleri için kullanıcı deneyimini geliştirir:

• Daha küçük ekranlı ve değişken giriş modlarına sahip mobil cihazlar kullanan biri.
• Yaşlanma nedeniyle sınırlı yetenekleri, vizyonu veya hareketliliği olan insanlar.
• Yaralı bir el gibi geçici bir zorluğu olan biri.
• Ekrandaki kontrastı değiştirebilecek aydınlatmaya sahip bir alanda siteyi kullanan bir kişi.
• Siteye sınırlı İnternet bağlantısı veya bant genişliği ile erişen biri.

İkinci Efsane: Bir Fad veya Trend

Muhtemelen, son yıllarda web erişilebilirliği hakkında daha fazla şey duydunuz. Web büyüdükçe ve daha fazla insan ona güvendikçe, web erişilebilirliği daha acil bir konu haline geliyor. Ama bu sadece bir moda değil.

“Dijital erişilebilirlik bir medeni haktır ve tüm dünyadaki engellilerin bir insan hakkıdır.”
Lainey Feingold, engelli hakları avukatı ve yazar

Zaman geçtikçe ve web kullanımı daha yaygın hale geldikçe, yaygın web erişilebilirliğine duyulan ihtiyaç da artmaktadır. Bir web sitesi WCAG yönergelerine göre tam olarak erişilebilir olmadığında, kişiler web sitesinin geliştiricisine veya sahibine karşı yasal işlem başlatabilir.

İnsanların bunu ne kadar ciddiye aldığını anlamak için web erişilebilirliği ile ilgili davaların sayısına bir göz atıyor. 2017'den 2018'e dava sayısı neredeyse üç katına çıktı. O zamandan beri, bu sayı yılda ortalama 2.345 dava açtı. 2020 boyunca COVID-19 salgını sırasında bile, federal mahkemede ADA Başlık III Web Sitesi erişilebilirlik davalarının sayısı bir önceki yıla göre %12'ye yükseldi.

Web erişilebilirliği kalıcıdır. Yazılım ve web siteleri geliştirirken, web erişilebilirliğini ileriye dönük süreçlerimize dahil etmemiz gerekiyor. Bu sadece kimsenin dava edilmekten hoşlanmadığı için değil, internetin ihtiyaçlar ne olursa olsun tüm bireylerin ihtiyaçlarını karşılaması gerektiği için gereklidir.

Üçüncü Efsane: Erişilebilirliği Tamamen Otomatikleştirebilirsiniz

Erişilebilirliğin neden önemli olduğunu ve buna öncelik vermemenin sonuçları olabileceğini anladıktan sonra, web sitenizin WCAG uyumlu olduğundan emin olmak için acele ediyor olabilirsiniz.

Web erişilebilirliğiyle ilgili en popüler efsanelerden biri, basit bir eklenti indirebilmeniz veya parmaklarınızı şıklatarak sitenizi tamamen erişilebilir hale getiren bir yazılım parçası yükleyebilmenizdir. Bu sadece imkansız.

a11yproject.com'a göre erişilebilirlik sorunları ya nesnel ya da özneldir. Nesnel sorunlar kodla tespit edilebilir ve öznel sorunlar insan yargısı gerektirir. Kod, ikinci kategoriye giren sorunları hiçbir zaman tam olarak çözemez ve bunu yapmaya çalışmak, genellikle süreçte yarardan çok zarara neden olur.

"Yer paylaşımı çözümleri, bildiğimiz gibi, WCAG sorunlarının yalnızca ~%30'unu ilk etapta algılayabilen otomatik yazılım çözümleridir. Bunun nedeni, WCAG'nin nüanslı ve yorumlayıcı olmasıdır. Makineler bu konuda iyi değil.” (kaynak)

Erişilebilirliğin riskten kaçınmakla değil, tüm kullanıcılar için optimize edilmiş deneyimler sağlamakla ilgili olduğunu unutmayın.

Web İçeriği Erişilebilirlik Yönergeleri

Web Erişilebilirlik Girişimi, sitenizin uyumlu ve tamamen erişilebilir olduğundan emin olmanıza yardımcı olabilecek bir dizi Web İçeriği Erişilebilirlik Yönergesi (WCAG) geliştirmiştir. Bir web sitesi tasarlıyor, geliştiriyor veya destekliyorsanız, bu yönergelere çok aşina olmalısınız.

Erişilebilirlik yalnızca geliştiriciler için değil, aynı zamanda tasarımcılar, pazarlamacılar, içerik yazarları, proje yöneticileri ve daha fazlası için bir odak noktasıdır. Erişilebilirlik, planlamadan başlatmaya kadar tüm site oluşturma süreci boyunca bir öncelik olmalıdır. Ayrıca, bir web sitesi yayına girdikten sonra erişilebilirliğini sürekli olarak iyileştirmelisiniz.

WordPress Kullanıma Hazır Ne Kadar Erişilebilir?

Bu, WordPress'i bir site oluşturma seçeneği olarak düşünürken birçok kişinin sorduğu büyük sorulardan biridir: Halihazırda ne kadar erişilebilir ve WordPress'i erişilebilir kılmak için ne kadar iş yapılması gerekiyor? Bunun için siyah beyaz bir cevap olmadığından, WordPress'in zaten erişilebilir olma derecesine bakalım.

WordPress'in Erişilebilirliği İyi Yaptığı Yer

İyi haber şu ki, zamanla WordPress daha erişilebilir hale geldi. Her sürüm, erişilebilirliği göz önünde bulundurarak küçük adımlar ve ilerlemeler sağlar. Erişilebilirlik, daha fazla insanın zihninde daha büyük bir konu haline geldikçe, daha fazla insan buna öncelik verebilir.

Ek olarak, WordPress topluluğundaki birçok kişi bu konular hakkında tutkulu ve sesini yükseltiyor. Her yeni varsayılan WordPress teması, daha erişilebilir hale gelmek için ek adımlar atıyor. Geliştiriciler, her zaman WordPress erişilebilirliği hakkında yeni yardımcı araçlar ve yazma kılavuzları ve makaleler buluyor. Sonuç olarak, WordPress erişilebilirlik yolculuğunuzda asla yalnız olmayacaksınız.

Doğrudan topluluk üyelerinden WordPress ve erişilebilirlik hakkında daha fazla bilgi edinmek istiyorsanız, WordPress.tv'yi ziyaret edin ve erişilebilirlikle ilgili bu konuşmaları izleyin.

WordPress'in İşareti Kaçırdığı Yer

Son gelişmelere rağmen, WordPress her zaman %100 erişilebilir değildir. Her WordPress sürümü, yetersiz kaldığı yerler açısından bazı eleştirilerle karşı karşıyadır. 2019'un başlarında, WPCampus, o sırada en yeni Gutenberg sürümünün kapsamlı bir denetimini gerçekleştirdi. Bunun gibi çalışmak inanılmaz derecede önemlidir; bu denetimden bu yana erişilebilirlikle ilgili 116 konu kapatıldı.

Engelli içerik oluşturucuların WordPress ile yayınlaması zor olabilir. Erişilebilir tüm tasarım ve geliştirme özelliklerini otomatikleştirmek imkansız olduğundan, herkes WordPress ile erişilemeyen web sayfaları oluşturabilir.

"WordPress'in ön ucu, yıllardır olduğu yerde hemen hemen aynı yerde: mükemmel bir şekilde erişilebilir, ancak bu tamamen siteyi oluşturan geliştiriciye bağlı. Kötü bir tema veya erişilemeyen eklentiler tüm farkı yaratır. Yönetici gelişmeye devam etti - Gutenberg editörünü daha iyi erişilebilirliğe taşımak zor bir yoldu, ancak ilerleme kaydediliyor. Bununla birlikte, herhangi bir yeni arayüz bileşeniyle erişilebilirlik gerilemelerinden kaçınmak için sürekli bir savaş var.” (kaynak)

Peki bu, bir WordPress geliştiricisi veya tasarımcısı olarak sizin için ne anlama geliyor? WordPress ile başladığınızda, tamamen erişilebilir bir web sitesine yolculuğunuz biraz daha kısadır. Ancak bitiş çizgisine ulaşmadan önce daha kat edilmesi gereken bir mesafe var.

Erişilebilir Bir WordPress Web Sitesi Nasıl Yapılır?

Şimdi, bir WordPress web sitesinin tüm kullanıcılar tarafından erişilebilir olmasını sağlamak için atabileceğiniz adımlara geçelim.

Ne olursa olsun, erişilebilirliği asla projenin sonunda ele alınması gereken bir görev olarak bırakmayın. Sürecinizin en başından itibaren entegre edilmiş bir öncelik olmalıdır. Ve site başlatıldıktan sonra sürekli bir hedef olmalıdır.

%100 erişilebilirliği sağlamak için takip edilebilecek veya otomatikleştirilebilecek tek bir kontrol listesi yoktur. İşin çoğu eklentilerinize, temanıza ve içeriğinize bağlıdır.

Erişilebilir bir web sitesi oluşturmak, güvenli bir bina inşa etmek gibidir - elbette, yönergeler vardır, ancak hedefe ulaşmanızı sağlamak için bireysel ilgi, bakım ve düşünceli yenilemeler çok önemlidir.

Erişilebilir Tasarımın En İyi Uygulamaları

WordPress web siteleri için türe göre ayrılmış en iyi erişilebilir tasarım uygulamalarıyla başlayalım. Bu bilgiler, erişilebilirlik eğitiminiz için sağlam bir temel oluşturmalıdır.

Görüntüler

Sitenizdeki tüm görsellerin tüm kullanıcılar tarafından erişilebilir olması gerekir. Tüm kullanıcıların resimleri göremediği göz önüne alındığında, bazıları görsel öğeleri anlamak için yardımcı teknolojiyi kullanabilir ve bu nedenle siteniz bu teknolojiyle çalışmaya hazır olmalıdır.

Alternatif (veya "alt") metin, bir resme eklediğiniz yazılı bir açıklamadır. Ekran okuyucular, resmi göremeyen konuklara bu açıklamayı yüksek sesle okuyacaktır. Sayfada faydalı bilgiler sağlayan tüm görseller için alternatif metin kullanılmalıdır. Bu, fotoğraflardan simgelere ve infografiklere kadar her şeyi içerir.

Tek istisna, bir görüntünün tamamen "dekoratif" olarak kabul edilmesidir. Sayfanın kendisinde sunulan metni gösteren arka plan resimleri, ayırıcılar veya resimler mutlaka alternatif metne ihtiyaç duymaz.

Alternatif metin yazarken, görseli olduğu gibi tanımlamamayı unutmayın. Bunun yerine, sayfadaki bağlam içinde görüntünün ne anlama geldiğini iletin. Mükemmel alternatif metinler yazmanıza yardımcı olacak bazı iyi yönergeler:

• Kısa ve basit en iyisidir.
• Ekran okuyucular bunun bir resim olduğunu bildirecektir, bu nedenle alternatif metninizde “Bu şunun bir resmi…” demekten kaçının.
• Resim bir bağlantıysa, alternatif metin, kullanıcı o resmi seçerse ne olacağını açıklamalıdır.
• Alternatif metin, resimde görünen herhangi bir metni içermelidir. Bunun istisnası, aynı metnin bir resim yazısı gibi görüntünün yanında da görünmesidir.

WordPress web sitenizdeki resimlere alternatif metin eklemek düşündüğünüzden daha kolaydır. Bu metni, bir görselin başlığını eklediğiniz yere ekleyebilirsiniz.

Medya Kitaplığınızı açın ve düzenlemek istediğiniz resmi seçin. Bu görüntü için Ayarlar ekranı açılacaktır. Alternatif Metin alanına alternatif metninizi ekleyin ve ardından Kaydet 'i tıklayın:

Renkler

Erişilebilir bir site tasarlarken, yeterli renk kontrastı sağlamak çok önemlidir. Zayıf renk kontrastı, görme bozukluğu olan kullanıcılar, renk körü kullanıcılar veya belirli cihazları kullanan kişiler gibi birçok durumda sitelerinizin okunabilirliğini etkileyebilir. Resimler, metinler ve düğmeler gibi öğelerin tümü uygun renk kontrastına ihtiyaç duyar.

Renk kontrastı, birbirine karşı veya çok yakın yerleştirildiğinde renklerin ne kadar parlak veya koyu göründüğünü ifade eder. Örneğin, beyaz bir arka plan üzerindeki siyah metin, beyaz bir arka plan üzerindeki sarı metinden (1.08:1) çok daha yüksek bir renk kontrastına (21:1) sahiptir. WCAG 2.0 AA, normal metin için minimum 4,5:1 ve daha büyük metin için 3:1 (kalın 18 piksel veya standart 24 piksel ve daha büyük) bir oran gerektirir.

Bu tam olarak ne anlama geliyor? Renklerinizin birlikte iyi çalışıp çalışmadığını belirlemenin en basit yolu, onları WebAIM Contrast Checker gibi bir kontrast test aracına eklemektir. Çevrimiçi olarak tonlarca ücretsiz kontrol aracı var.

Renkleri test etme hakkında daha fazla bilgi edinmek için test bölümümüze göz atın.

Gittikçe daha fazla renk kombinasyonunu test ettikçe, hangi renk kombinasyonlarının işe yarayıp hangilerinin çalışmadığını yalnızca görerek belirlemede daha iyi olacaksınız.

Ayrıca rengi ana ayırt edici faktör olarak kullanmaktan kaçındığınızdan emin olmanız gerekir. Örneğin, birçok site, çevreleyen gövde metninden farklı renkte bağlantılar içerir. Bununla birlikte, herhangi bir nedenle bir kullanıcının rengi görmesi zorsa, bağlantılı bir kelime ile bağlantılı olmayan bir kelimeyi ayırt etmeleri onlar için imkansız olabilir. Bir bağlantıyı süslemek için renk kullanın, ancak bağlantının erişilebilir olmasını sağlamak için metnin altına bir alt çizgi ekleyin.

Metin

Web'de deneyimlediğimiz şeylerin çoğu metindir. Makaleleri, tarifleri, hikayeleri ve çok daha fazlasını okumak için web sitelerini kullanıyoruz. Şu anda bu yazıyı okuyorsunuz! Sonuç olarak, metnin tüm okuyucular için - ister gözleriyle ister kulaklarıyla okusunlar - optimize edilmesi gerekir.

Erişilebilirlik hakkında konuşurken metni tartışmanın iki ana yolu vardır: yazı tipleri ve boyutlar.

Erişilebilir bir yazı tipi, küçük ve büyük boyutlarda okunması kolaydır. Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab ve Rockwell gibi yazı tiplerinin tümü erişilebilir seçeneklerdir. Disleksisi olan okuyucular, birçok serif yazı tipi de dahil olmak üzere belirli yazı tiplerini okumakta zorlanabilirler. Gövde metni için sans-serif yazı tipleri daha güvenli bir seçim olma eğilimindedir. Metin büyük, seyrek ve çoğunlukla dekoratif olmadıkça, el yazısı stilleri veya bitişik el yazısı gibi ekran yazı tiplerinden kaçınmak en iyisidir.

Yazı tipi boyutlandırma, erişilebilirlik için inanılmaz derecede önemlidir. Erişilebilir yazı tipi boyutlandırma söz konusu olduğunda bazı temel kuralları tartışalım.

Varsayılan yazı tipleri en az 9pt veya 12px olmalıdır. 12pt veya 16px önerilir. WCAG Yönergelerine göre, metin %200'e yakınlaştırıldığında okunabilmelidir. Yazı tipi boyutunu ayarlamak için piksel veya noktalar yerine yüzde veya em kullanılması önerilir. Değişken yazı tipi ağırlıkları kullanmak gayet iyi, ancak metniniz hafif bir şey kullanıyorsa, görülecek kadar büyük olduğundan emin olun.

Bu, erişilebilirlik göz önünde bulundurularak nasıl tasarlanacağının nihai sonu değildir. Ancak nereden başlayacağınızı bilmek çok önemlidir. Erişilebilirlik tasarımı hakkında daha derin bir okuma yapmak istiyorsanız şu kaynaklara göz atın:

• W3C Web Tasarım ve Uygulamaları
• Tasarımcılar için Web Erişilebilirliğine Astar
• Erişilebilirlik için tasarım yapmak o kadar da zor değil
• ADA Uyumlu Erişilebilir Web Tasarımına 10 Örnek
• Tasarımda Erişilebilirlik

Erişilebilir Geliştirmenin En İyi Uygulamaları

Bir web sitesi veya tamamlayıcı yazılımı (temalar ve eklentiler gibi) oluştururken erişilebilirlik için akılda tutulması gereken önemli noktalar vardır. Bunların bir kısmı tasarımla örtüşüyor, ancak sonraki bölüm esas olarak sitenizin nasıl çalıştığına ve kullanıcınızın onunla nasıl etkileşime gireceğine odaklanıyor.

Etkileşimli Öğeler

Kullanıcılar, ne olursa olsun, web sitenizle nispeten kolaylıkla etkileşime girebilmeli ve kullanabilmelidir. Bu, yalnızca görüntülerin keyfini çıkarmayı ve metin okumayı değil, menüler, formlar, düğmeler ve videolarla etkileşimi de içerir.

Sitenizi oluştururken, tüm etkileşimli öğelerin kolayca tanımlanabildiğinden emin olun. Üstbilgiden altbilgiye kadar tüm gezinme menüleri klavye kontrolleriyle kullanılabilir olmalıdır. hover , focus ve click bağlantıların ve düğmelerin görünümü değişmelidir.

Sitenizin sayfalarında gezinme tutarlı ve net olmalıdır. Navigasyon bağlantılarını nasıl adlandırdığınız, stil ve konumlandırdığınız inanılmaz derecede önemlidir. Dikkatli kırıntılar ve anlaşılır başlıklar, kullanıcıların içeriğinizle güvenle etkileşim kurmasını sağlar.

Şansınız, web sitenizde bir veya iki formunuz var. Kaç formun erişilemez olduğunu öğrenince şaşırabilirsiniz. Form öğeleriniz, alanın solunda veya üstünde ilişkili etiketleri içermelidir. (Onay kutuları ve radyo kutuları sağa gidebilir.) Her bir form alanının ne için olduğu kullanıcılar için çok net olmalıdır.

Sitenizde GIF, kaydırıcı, atlıkarınca, video veya müzik gibi otomatik olarak oynatılan herhangi bir içeriğiniz varsa, kullanıcının animasyonu veya sesi durdurmasına izin veren görünür kontroller olmalıdır. Öğeyi tamamen durdurmak, duraklatmak veya gizlemek için seçenekler sunmak en iyisidir.

Web erişilebilirliği geliştirmeye derin bir dalış yapmak isteyen bir geliştiriciyseniz, doğrudan W3C'den bu ipuçlarına göz atın.

WordPress Temaları

Kendin Yap web sitesi oluşturucusuysanız, erişilebilir bir tema seçerek bu gönderide anlatılanların çoğunu gerçekleştirebilirsiniz. Geliştiricilerin, projelerinde öncelik sırasına koymak için bir temayı neyin erişilebilir kıldığını anlamaları önemlidir.

WordPress temaları, web sitenizin nasıl göründüğünü kontrol eder. Birçok tema, renk şemaları ve yazı tipi aileleriyle önceden paketlenmiş olarak gelir. Bu renklerin ve yazı tiplerinin yukarıda belirtilen gereksinimleri karşıladığından emin olmak zorunludur. Birçok tema kendilerini "tamamen erişilebilir" olarak pazarlar, ancak bu her zaman doğru değildir. Bir temanın erişilebilir olup olmadığını belirlemek için kendi testinizi kullanın.

WordPress.com'daki erişilebilirlik ekibi, WordPress deposunda hemen kullanmaya başlayabileceğiniz 92 ücretsiz temanın bir listesini hazırladı.

Erişilebilir bir tema oluştururken, en başından itibaren WCAG gereksinimlerine aşina olduğunuzdan emin olun. Geliştirme sırasında ele alınması gereken ortak alanlar şunlardır:

• Önceden ayarlanmış renk paletlerinde yeterli renk kontrastı
• Bir klavye ile web sitesinde kolayca gezinme yeteneği
• Ekran okuyucuya hazır bir deneyim sağlamak için uygun ARIA rollerini ve/veya HTML5 yer işaretlerini kullanma
• Uygun HTML semantik işaretlemesi
• Bir sayfada yinelenen kimliklerden kaçınma
• Kullanıcıların herhangi bir otomatik hareketi durdurmasına veya kontrol etmesine izin verme

Temanızı oluşturmaya başladığınızda, kolay başvuru için WordPress erişilebilirlik yönergelerine yer işareti koyduğunuzdan emin olun.

WordPress Eklentileri

WordPress eklentileri, WordPress web sitenize tak ve çalıştır işlevi eklemenize olanak tanır. İki tür WordPress erişilebilirlik eklentisi vardır: erişilebilir bir web sitesi oluşturmanıza ve mevcut bir siteyi kullanıcılar için erişilebilir hale getirmenize yardımcı olanlar.

Size "tek tıkla erişilebilirlik" veya "otomatik olarak erişilebilirlik" gibi garantiler sağlayan WordPress eklentilerinin farkında olun. Bu şeyler imkansız. Eklentiler, tüm işi sizin yerinize yapan sihirli değnekler değil, erişilebilirlik hedeflerinize ulaşmanıza yardımcı olabilecek araçlardır. Bazen eklentiler, erişilebilirlik çabalarınızı bile engelleyebilir - bu nedenle bir dereceye kadar dikkatli olun!

Erişilebilirlik sorunlarını iyileştirmeyi, izlemeyi veya düzeltmeyi vaat eden tonlarca erişilebilirlik odaklı eklenti var. Siteyi denetleyebilir ve nerede iyileştirmeler yapacağınızı size bildirebilirler. Veya sitenizde erişilebilir bir deneyim oluşturmayı kolaylaştırmak için ön uç araçları sağlayabilirler.

Bunlardan bazıları çok faydalıdır. Ancak diğerleri sahte vaatler veriyor. Her zaman böyle bir eklentiyi taahhütte bulunmadan önce iyice araştırdığınızdan emin olun.

Bazı eklentiler, testler ve kaydırıcılar gibi etkileşimli içerik oluşturur. Daha önce tartışıldığı gibi, bu öğelere tamamen erişilebilir olduklarından emin olmak için özel dikkat ve test gerekir. Etkileşimli bir eklentiyi canlı yayınlamadan önce her zaman bir hazırlama veya geliştirme sitesinde iyice test edin.

Aynı şey form eklentileri için de söylenebilir. Ne yazık ki, birçoğunun erişilebilirlik sorunları var. Bu durumda, özel kodlanmış formlar iyi bir alternatiftir.

Popüler bir eklenti kategorisi, sayfa oluşturucu eklentileridir. Bunlar, sağlam ve sofistike sürükle ve bırak tasarımlarını hızlı bir şekilde oluşturmanıza olanak sağlamak için mükemmeldir. Ancak, genellikle çözdüklerinden daha fazla erişilebilirlik sorunu ortaya çıkarabilirler. Bu sorunun tek bir çözümü yoktur, bu nedenle tasarımınızı basit tutun ve erişilebilirliği doğrulamak için tüm öğeleri test ettiğinizden emin olun.

Erişilebilirlik Bildirimleri

Erişilebilirlik beyanı, web sitenizdeki dahili politikalarınızı, erişilebilirlik hedeflerinizi ve engelli kişilerle çalışma konusundaki geçmiş başarılarınızı ilettiğiniz bir sayfadır.

Aşağıdaki nedenlerle WordPress web sitenizde bir erişilebilirlik bildirimi oluşturmalı ve yayınlamalısınız:

• Kullanıcılarınıza erişilebilirliği ve onları önemsediğinizi göstermek için
• İçeriğinizin erişilebilirliği hakkında bilgi sağlamak için
• Erişilebilirlik ve sosyal sorumluluğa bağlılık göstermek

W3C tarafından sağlanan bu yönergeleri izleyerek veya bir erişilebilirlik bildirimi oluşturucu kullanarak kendi erişilebilirlik bildiriminizi yazabilirsiniz.

WordPress Site Erişilebilirliği Nasıl Test Edilir

Erişilebilirlik, doğru düğmelere basıp ardından çekip gitmek değildir. Test, bir sitenin tamamen erişilebilir olmasını sağlamanın hayati bir parçasıdır. Hem otomatik hem de manuel testler, tüm temellerinizi kapsadığınızdan emin olmanıza yardımcı olabilir.

Otomatik Testler Nasıl Gerçekleştirilir

Otomatik testler, nereden başlayacağınızı ölçmek için yararlıdır. Erişilebilirlik konusunda yeniyseniz veya nereden başlayacağınızdan emin değilseniz, otomatik testler ve değerlendirmelerle başlayın.

Çoğu otomatik test, zayıf renk kontrastı, eksik alternatif metin, boş bağlantılar, yapısal öğelerle ilgili sorunlar vb. gibi şeyleri belirleyecektir. Bu testleri, üstesinden gelinecek sorunların bir listesini oluşturmak için kullanabilirsiniz. Bunun gibi testler özellikle çıplak gözle daha az görülebilen ancak bazı kullanıcılarınız için önemli olabilecek kod tabanlı hataları bulmak için yararlıdır.

Kullanabileceğiniz ücretsiz bir erişilebilirlik testi örneği, WebAim aracıdır. Tüm web sayfanızı inceler ve bir hata listesi oluşturur. Hatta bu hataların sayfada tam olarak nerede meydana geldiğini size gösterecektir.

Belirli sorunlara yardımcı olacak tonlarca bireysel erişilebilirlik aracı bulabilirsiniz. Örneğin, paletinizdeki renklerin birlikte güzel bir şekilde oynayacağından emin olmak için tasarıma başlamadan önce bir kontrast denetleyicisi kullanın.

Hiçbir otomatik testin mükemmel, kusursuz veya manuel testin yerini tutamayacağını unutmayın.

Manuel Testler Nasıl Yapılır?

WordPress erişilebilirliği gerçek insan kullanım durumları ile ilgili olduğundan, bir sitenin erişilebilir olup olmadığı konusunda son sözü gerçek insanlar söylemelidir. Sonuç olarak, manuel test için zaman ve kaynak ayırmak inanılmaz derecede önemlidir.

Peki manuel test nasıl yapılır? Süslü veya pahalı araçlar veya programlar olmadan bir sitenin ne kadar erişilebilir olduğunu test etmek için yapabileceğiniz birkaç şey:

1. Fareden kurtulun: Yalnızca klavye tuşlarınızı kullanarak web sitenizin tüm işlevlerinde makul ve kolay bir şekilde gezinebildiğinizden emin olun. Bu, bölümler arasında gezinmeyi, menülere erişmeyi, sayfadan sayfaya gitmeyi, sayfayı atlamayı ve bağlantılar ve formlarla etkileşimi içerir.
2. Bir ekran okuyucu kullanın: Kendinizi düşük veya zayıf görüşe sahip birinin yerine koyun. Bir ekran okuyucu uygulaması veya web sitesi kullanın ve sitenizdeki içeriği gözden geçirerek yüksek sesle okunduğunda hala mantıklı ve düzgün göründüğünden emin olun.
3. Siteyi farklı ortamlarda test edin: Sitenizin yüksek kaliteli bir internet bağlantısı olmadan düzgün şekilde yüklendiğinden emin olmak için herkese açık WiFi bulunan bir yere gidin. Sitenin zayıf bir bağlantıyla birlikte gerileyen veya tamamen kaybolan alanlarını not edin.
4. Yakınlaştırmayı artırın: Sitenizi bir tarayıcıda açın ve %200 oranında yakınlaştırmak için tarayıcı ayarlarını kullanın. Bu ayarda siteyi kullanmaya, gezinmeye ve siteyle etkileşim kurmaya devam edebilir misiniz? Kaybolan veya kesilen içerik var mı?
5. Etkileşime odaklanın: Videolar, formlar ve düğmeler gibi etkileşimli öğeleri test etmek için bolca zaman harcadığınızdan emin olun. Bağlantılar ve form alanları her zaman bir anahat, alt çizgi, özel imleç ile odak haline getirilmelidir.
6. Alt etiketlerinizi iki kez kontrol edin: Bir görsele eklenmiş bir alternatif görsel olup olmadığından emin değilseniz, onaylamak için Öğeyi Denetle aracını kullanın.
7. Farklı düşünün: Sitenizdeki tüm resimler kaybolsa, birileri onu kullanmaya devam edebilir mi? Sitenizdeki tüm renkler aniden siyah beyaza dönerse, bu kullanılabilirliği nasıl etkiler? Dekoratif öğeler bir şekilde etkilenirse sitenizin önemli bölümlerinin çalışmaya devam edeceğinden emin olun.

Şüpheye düştüğünüzde, manuel erişilebilirlik testi sağlayan bir şirketle iletişime geçin. Erişilebilirlik ve web tasarımı ve geliştirme uzmanları, manuel incelemeyi hızlı bir şekilde yapabilir ve size tam olarak hangi alanların üzerinde çalışılması gerektiğini söyleyebilir.

Gerçek hayattaki hedef kitlenizin en iyi kaynaklarınızdan biri olduğunu unutmayın. Sitenizde, kullanıcıların erişilebilirlik geri bildirimi sağlayabilecekleri açık bir alana sahip olun. Birisi sitenizi kullanmakta zorluk çekiyorsa, geri bildirim toplama konusundaki çabalarınızdan bu deneyim hakkında bilgi almaya ve sorunu gidermeye açık olduğunuz açıkça anlaşılmalıdır.

Web siteniz tüm ziyaretçiler için erişilebilir mi? Bu kılavuzda erişilebilirliği nasıl test edebileceğiniz hakkında daha fazla bilgi edinin ️ Tweetlemek için tıklayın

Özet

İnternet günlük hayatımızdaki en önemli araçlardan biri haline geldi. İster eğlence ister temel bilgilere göz atın, herkesin buna erişme özgürlüğüne sahip olması gerekir. Sitenizin, web'de eşitlik için belirlenen standartları karşılama sorumluluğu vardır.

Bu yönergelere duyulan ihtiyacı anlamak, önemli ve kalıcı bir değişiklik yapmanın ilk adımıdır. Erişilebilir bir site oluşturmak, uzun vadede web sitenizin sunduğu şeylerden daha fazla insanın faydalanması anlamına gelir.

WordPress erişilebilirliği hakkında herhangi bir sorunuz var mı? Yorumlar bölümünde bize bildirin!