Erişilebilirlik ve WordPress için ana kılavuz
Yani, erişilebilecek bir WordPress sitesi oluşturmak mı istiyorsunuz? Tebrikler – Siteniz mümkün olan en geniş kitle için mevcut olacak! Erişilebilirliğin neden değerli olduğundan emin değil misiniz? Erişilen siteler, daha hızlı yükleme hızları, daha iyi SEO ve ödev için iyi olmak üzere avantajlara sahiptir. Ayrıca erişilebilen bir site yapmak doğru olan şeydir. Dünya çapında nüfusun% 15’inin bir engelli. Dolayısıyla erişilebilirliği düşünmek sadece web yöneticisinin sorumluluğu değildir. Web sitesi sahiplerinden dijital proje yöneticilerine, tasarımcılara, editörlere, içerik yazarlarına ve web sitesine dahil olan herkesin web erişilebilirliği hakkında düşünmesi gerekir.
Erişilebilecek web siteleri oluştururken ele alınması gereken bazı yaygın sorunlar arasında, görüntüler için uygun alternatif metinler dahil, optimum renk kontrastını sağlayan, videoya metin ekleme ve web sitenizin gezinmesini sağlamak dahil ekran dostu metin oluşturulması yer alır. bir klavye ile. Okumaya devam ettiğinizde, uyumluluktan daha fazla WordPress erişilebilirliği olduğunu unutmayın ve aşağıdaki ipuçları iyi olduğunuzdan emin olmaya yardımcı olacaktır. Web sitesinin erişilebilirliği “Dijital erişilebilirlik, dünyadaki engelli insan hakları ve insan haklarıdır.”
Her gün engellilik hakları avukatı ve yazarı Othreyey Feingold, giderek daha fazlaimiz çalışmaya, alışveriş yapmaya, hizmetleri kullanmaya ve çevrimiçi bilgi bulmaya teşvik ediyoruz. Bununla birlikte, nüfusun önemli yüzdesi sakatlık (örneğin uzuv kaybı, görme problemleri vb.), Sınırlı erişilebilirlik (örneğin bir bilgisayar yok, sadece cep telefonları veya tam tersi) veya erişim sağlayabilecek diğer engeller vardır , Navigasyon veya Sitenizdeki İçeriği Okumakta Zorluk. Aslında, dünya çapında bir milyardan fazla insan engellilikten etkilenmektedir. Çoğumuz sadece bir dizüstü bilgisayar açabileceğimiz veya akıllı telefonumuzu yayınlayabileceğimiz ve bilgi, iletişim, ticaret ve eğlenceye sınırsız erişimin tadını çıkarabileceğimiz gerçeğini kabul ediyoruz, dijital dünyada engelli yaşayanlar birçok zorluk, sınırlama ve engel yaşuyor. Bu rehber yazılırken bile, dijital dünyanın çoğu hala erişilebilirlik sorunlarından habersizdir. Örneğin, son zamanlarda yıllık Küresel Erişilebilirlik Farkındalık Günü’nü kutladığımızı biliyor muydunuz? Ya da her yıl, Utah State Üniversitesi’nde engelli kişilerin merkezindeki Webaim girişimleri, en iyi 1 milyon web sitesi için sundurma değerlendirmeleri yapıyor ve 2021 web’lerinin milyonlarca raporuna göre, sayfanın% 97’sinde bir web başarısızlığı var. Sayfa başına ortalama 51, 4 hata ile içerik erişilebilirlik yönergeleri? İnsan hakları yasası, dijital ortamda insan çeşitliliğini korumak için mevcuttur. Bu, Web’in erişilebilirlik için yasalara, standartlara ve yönergelere uyumu.
Örneğin: WCAG Uyumluluğu – Web İçeriğinin Erişilebilirliği için Yönergeler (WCAG) 2.0, Seviye AA, web erişilebilirliği ve ücretsiz engel deneyimi için en kabul edilebilir teknik sakatlık topluluğunu sağlar. Amerikan Engellilik Yasası’na (ADA) uyum, Amerikalı bireylerin engelli insanlara karşı ayrımcılığı yasaklamaktadır. Özellikle kamu işletmelerine yönelik olmasına ve açık erişilebilirlik yönergeleri olmamasına rağmen, Başlık III, kamusal konaklama ve ticari tesislere sahip yerlere, web ve hücresel tabanlı uygulamalar da dahil olmak üzere engelli kişiler tarafından erişilmesini gerektirir. Web sitem WCAG’a uygun olmalıdır. /var mı? “Tehdit altına alınan web sitelerinin ve taleplerin erişilebilirliği davası büyük bir iş haline geldi … Giderek daha fazla hukuk firması, engelli bireylere suçlayan bireylere iş mallarına ve hizmetlerine erişim verilmeyen dava açtı veya talepler gönderdi çünkü web siteleri daha önce erişilebilir. ” Kaynak: Erişilebilirlik. Tek kelimeyle işler … Evet! Standart WCAG uyumluluğu için özel olsa da ve oldukça bulanık olmasına rağmen, tüm web siteleri en azından tuvalete bir veya üçten fazla WCAG uyumluluğu (yeni başlayan, orta veya ileri) seviyesinde uymalıdır.
WCAG yönergeleri, engelli kullanıcıların gezinmesine ve ekran okuyucularını kullanma gibi içerik bulmasına yardımcı olacak yollar sağlamayı önerir. Tüm web siteleri itaat etmek zorunda mı? İşte işler biraz karmaşık olabilir. Yerel ve eyalet hükümeti web sitelerine, Başlık II ve Bölüm 508 rehabilitasyon yasasına göre erişilmelidir. Çünkü Amerikan Engelli Amerikan Yasası (var) III. Başlık III, kamu şirketi ile ilgili olarak ve web sitelerini özel olarak tartışmadığı için, teknik olarak, sivil davanın erişilemeyen web siteleri olan işletmelere karşı sunulabileceğini (ve gerçekten de) ne olabilir (ve gerçekten) Ardından, bir işletmenin web sitesini erişilebilir hale getirmek için sipariş edip etmeyeceğine karar vermelidir. Bu karar, davanın nerede açıldığına ve web sitesinin olup olmadığına bağlı olarak değişebilir:
“Kamu Konaklama” olarak kabul edilir (evet ise, web sitesine erişilmelidir) ve
İtaatin bu kadar gri olmasının nedeni, kamuya açık bir web sitesi söz konusu olduğunda, web sitesinin bugün olduğu gibi yapıldığı zaman 1990’da yaygın olarak kullanılmamasıdır, bu nedenle yasa tartışmaz. Yasa yıllarca yenilenmiş olsa da, dil hala web erişilebilirliğini özellikle tartışmamaktadır. Bu nedenle, tüm web sitelerinin var olup olmadığı belirsizliği.
Sonuçlar bağlılık için bir web uyumlu olmaz ve WCAG erişilebilirliği yüzlerce ila on binlerce dolara mal olabilir. Bununla birlikte, yasalara ve erişilebilirlik düzenlemelerine uyulmaması, onlarca yüz binlerce dolara kadar daha fazla maliyetle sona erebilir. WCAG, fiili bir uluslararası standarttır ve ardından ABD’deki ACT Engelliler ve Amerikan Yasası Engellilerinden Bölüm 508’dir. Bununla birlikte, web sitelerine uyum eksikliği, son yıllarda web sitesi sahipleri için büyük bir yükümlülük haline gelmiştir, artan davaların tanık olduğu gibi, hücresel ve web ile ilgilidir. , Bath & Beyond, Home Depot, Estee Lauder ve düzinelerce başkaları erişilemeyen web siteleri olduğu için, birçoğu da mevcut olan web sitesi sahiplerinin vakalarını ihlal ettikleri için gönderiyor. Mesele: Siteniz halka hizmet veya ürün satıyorsa, orada ihlal edebilirsiniz, bu nedenle WordPress sitenizi oluşturmak için elinizden gelen her şeyi öğrendiğinizden ve yaptığınızdan emin olun. Tuvaletler, web erişilebilirliği, web standart uyumluluğu ve diğer ilgili konular hakkında ek bilgilere bağlantılar için aşağıdaki diğer kaynak bölümüne bakın.
Web sitesi geliştiricileri için WordPress ve Erişilebilirlik Kılavuzu, en iyi WordPress eklentileri ve WordPress erişilebilirliği temaları da dahil olmak üzere WordPress sitenizi erişilebilir hale getirmek için birçok önemli nokta içerir. Ayrıca, Web sitesi erişilebilirliğinin müşterilerinize nasıl iletileceğine dair makalelerimizi okumanızı öneririz. Ayrıca, içerik erişilebilirlik yönergelerinin nasıl karşılayacağına dair bu kılavuza bakın. Bir web sitesi sahibiyseniz, web sitesi geliştiricinizle web erişilebilirlik denetimleri yürütme konusunda tartışın. WordPress temaları WordPress temalarını başlatmak için iyi erişilebilirlik için hazır WordPress.org.irectory WordPress teması (WordPress.org) adresindeki WordPress Tema Dizinidir (WordPress.org) WordPress Tema Dizini, kullanıcıların ücretsiz tema veritabanında arama yapmalarını sağlayan bir özellik filtresi sağlar. Tema tema erişilebilirlik için hazır.
Temayı erişilebilirliğe hazır bulmak için WordPress tema dizin filtresini kullanın. WordPress tema dizinindeki ‘Erişilebilirliğe Hazır’ temasını aramak, erişilmeye hazır bir düzine temayı yükseltir. Ayrıca, düzene, özelliklere veya konulara dayalı olarak sıralanan ‘erişilebilirliğe hazır’ temasını bulmak için bir özellik filtresi de kullanabilir ve daha sonra diğer filtre parametrelerini kullanarak aramanızı daraltabilir ve daraltabilir veya arama çubuğuna anahtar kelimeler yazarak gibi bir özellik filtresi de kullanabilirsiniz, “WCAG”.
Erişilebilirlik için hazır WordPress temaları için WordPress tema dizininin sonuçları. WordPress temasının “Erişilebilirliğe Hazır” etiketi ile tema dizine dahil edilmesi için, tema WordPress tema ekibi tarafından belirlenen bir düzineden fazla erişilebilirlik gereksinimine uygun olmalıdır.
Tema, erişilebilirlik etiketlerini kullanmak için WordPress tema dizininin erişilebilirlik gereksinimlerini karşılamalıdır. Gerekli ve önerilen erişilebilirlik yönergeleri arasında klavye gezinmesi, kontrol, pasaj bağlantıları, içerik bağlantıları, formlar, başlıklar, kontrast, görüntüler, medya ve ekran okuyucuları (aşağıda daha fazla tartışılmıştır). WordPress tema el kitabının erişilebilirliği için gereksinimlerdir. Tema inceleme ekibi için kriterleri karşılamayan temalar, WordPress tema dizinindeki ‘Accessibility-SIAP’ olarak etiketlenmez. WordPress freemium, premium veya ücretli temaları kullanmayı seçerseniz, temanızın varsayılan erişilebilirlik özelliğine sahip olduğundan emin olun. Ve işletmeniz veya kuruluşunuz için özel bir web sitesi oluşturmaya karar verirseniz, projenize başlamadan önce erişilebilirlik sorunlarının tartışılmasını ve gözden geçirilmesini sağlamak için önceden bir web geliştiricisine danışın. Kendi temanızı oluşturursanız iyi bir başlangıç noktası, Web standartlarını takip eden ve bir dizi varsayılan erişilebilirlik özelliğine sahip olan alt çizginin ilk temasıdır. WordPress.org’da hazır erişilebilirlik olarak işaretlenen temanın yalnızca olağan tema inceleme yönergelerini karşılamakla kalmaz, aynı zamanda Web İçeriği Erişilebilirlik Yönergeleri 2.0 (WCAG 2.0) AA’da modellendiği gibi ek erişilebilirlik kontrollerini de iletir. Erişilebilen tema, içerik oluşturma, site gezinme ve sitenizin diğer alanlarına erişme sorumluluğundan sizi kurtarmaz.
WordPress tema ekibinin erişilebilirliğinin bildirimi.El kitaplarındaki Erişilebilirlik bölümündeki Tema İnceleme Ekibi tarafından vurgulandığı gibi, “Erişilebilirlik olarak etiketlenen tema, burada listelenen gerekli yönergeleri yerine getirmiştir ve tüm resmi erişilebilirlik gereksinimlerini karşılamak için yorumlanamayabilir.”WordPress Tema Erişilebilirlik Listesi’ni kontrol edin, WordPress temasının hangi özelliklere erişilebilirliği olmalıdır? Tartışacağımız her şey bu. O bölüme getirilecek bağlantıyı tıklayın. Erişim sağlanabilen bağlantılar ve menüler için uygun alt metin, düğmeler ve bağlantılar için orijinal html renk kontrastına bakar HTML Anlamsal Başlık Metin Ekranı Okuyu Erişilebilirlik temasında izin verilmez Tabindex Pozitif Anahtar Kaynak Erişim Anahtarı ve Test Cihazları Ekran okuyucuları için uygun alt metin erişilebilirliği, içerikte yer alan görüntüleri anlayamayan kişileri veya kullanıcıları öğrenmelerini kör etmelerine yardımcı olmak için alternatif metinler gerektirir. Temanızda bulunan Anyline resminin alternatif bir metin olması gerekir. Buna üstün görüntüler dahildir. Bununla birlikte, alt özniteliği görüntülemek için kod mevcut olsa da, görüntü için tam olarak yapılan alternatif bir metnin girilmesi gerekir. Arka plan görüntüleri alt özellikler gerektirmez. Arka plan görüntüleri ve diğer tip olmayan içerik gibi saf dekoratif görüntüler CSS üzerinden eklenmelidir, böylece destekleme teknolojisi onu göz ardı edebilir. Alt Metin: Evet Varsayılan WordPress teması, hazır bir varsayılan erişilebilirlik özelliğine sahiptir. Örneğin, yirmi on dokuz temada, sayfayı site ana sayfanız olarak belirlediğinizde, WordPress, sayfa başlığını kullanarak otomatik olarak alternatif bir metin oluşturur. WordPress Tema 2019, üstün resim etiketleri vurgulanmıştır. Yirmi on yedi temada, Alt metin başlığı görüntüsü site başlığında eşleşir. Üstün görüntünün metni, kullanıcının girdiği her şeydir. Alt metin uygulaması yirmi on yedi tema. Alt metni yoksa, alt varsayılan metin alt = “”. Bu aslında oldukça makul, çünkü Alt Boş’un özellikleri alakasız metinden daha iyidir. Erişilebilirlik için ALT etiketlerini kullanma hakkında daha fazla bilgi edinmek için, WordPress’te erişilebilirlik için mükemmel resim etiketlerinin nasıl yapılacağına dair kapsamlı kılavuzumuza bakın. Klavye tarafından erişilebilen bağlantılar ve menüler, özellikle açılır menü, hareketlilik bozukluğu olan bazı kullanıcılar fareyi kullanamaz. Sayfa etkileşimli özelliklerinde gezinmek için klavyelere (veya klavyeler gibi cihazlara) güvenirler. Sekme düğmesi, öğeler boyunca ilerlemek için kullanılır ve geri dönmek için+sekmesini kaydırmak için kullanılır. Sayfa üzerinden sekmeyi açarak aşağıdakilere erişebilmelisiniz: bağlantı Menü top Form alanı Genellikle menü ile üst düzey menü öğesine klavye tarafından erişilecektir, ancak açılır alt menü değil! Örnek: Tema tarafından erişilebilen açılır menü, gerilme menüsünün erişilebilecek şekilde hafifçe uygulanması, bir klavye ve fare ile ulaşılabileceği için.
Yumuşak temalar, klavyenin odağını gösteren bir klavye ile erişilebilen bir gerilme menüsüne sahiptir. Kendi temanızı oluşturursanız, Underscores varsayılan klavyeden erişilebilen bir açılır menüye sahiptir veya bu öğreticiyi deneyebilirsiniz: erişilebilen bir açılır menü oluşturma. Odak stili görünür (Odak Göstergesi) Klavye kullanıcıları, sekme sırasında sayfada nerede olduklarını göstermek için görsel bir şeye ihtiyaç duyarlar. Odak stili yoksa, etkileştikleri şeyle söylemek zordur. Ziyaret ettiğiniz bir sonraki web sayfasını açmak için klavyeyi kullanmayı deneyin. Hangi bağlantıyı söyleyebilir misin? Temalar genellikle varsayılan odak stilini yeniden düzenler. Bunu style.css dosyasında sık sık göreceksiniz: Raewrites’i yükleme/9A28C8448E0B3A26707FE22AFA6D33E9 Ne yazık ki, bu kod erişilebilirliği azaltır ve geliştiriciler genellikle kendi odak stillerini düzenlemeyi düşünmezler. Odak stili renk arka planını içerebilir – ancak renk kontrastı yönergelerini de karşılamalıdır. Odak stili görülür: Evet Penguen’in teması odak stilini farklı bir şekilde uygular, ancak şimdi hangi bağlantının olduğunu bilmek kolaydır.
Tema, Blue Postmeta klavyesinin odak stilinde beyaz görüntülemek için penguen erişilebilirliğine hazır.
Tema, anahatları gösteren klavye bağlantısının odak stili ile penguenin erişilebilirliğine hazırdır. Görme bozukluğu olan insanlar için yeterli olan renk kontrast, düşük kontrast arka planlara sahip metin okumakta zorluk çekebilir. Parlak güneş ışığında bir dizüstü bilgisayarda okumak bile, görme problemi olmayan biri için zor olabilir. Öneriler WCAG 2.0 Seviye AA: Kontrast Oranı Normal Metin için 4.5: 1 ve büyük metin (genellikle 18.66 piksel) ve kalın veya daha büyük veya 18 puan (genellikle 24px) veya 18 puan (genellikle 24px) veya daha büyük) ve grafikler ve kullanıcı arayüzü bileşenleri (form giriş sınırları gibi) için minimum 3: 1 kontrast oranı. Seviye AAA, normal metin için minimum 7: 1 ve büyük metin için 4.5: 1’lik bir minimum kontrast oranı gerektirir. Renk kontrastı: Web Wave WebImaim Web Erişilebilirliği, ZblackBeard temasının düşük renk kontrastlı birçok alana sahip olduğunu tersine çevirir.
Blackbeard tema kontrastında zkes kontrast, Wave Webaim aracı tarafından kırmızı renkte vurgulanır. Düğmeler ve bağlantılar için orijinal HTML (veya orijinal kontrol gibi davranmaya eşdeğer işaretleme) yanlış olan işaretlemeler, kullanıcılarınızın özel kontroller kullanmasını devre dışı bırakacaktır. Örneğin, kullanıcılar sekmeyi açamayabilir veya özel bir düğmeye basamaz. Bir düğme bir düğme gibi davranmak istiyorsanız, en basit yol
