En İyi 10 Erişilebilirliğe Hazır WordPress Temaları

Farklı engelli kişileri dışlamayan erişilebilir web siteleri oluşturmak, son yıllarda web tasarımında daha fazla bir gereksinim haline gelmiştir. Bugünlerde dijital kapsayıcılığa ve Microsoft, Apple ve Google gibi tanınmış birçok şirkete bakmadan hükümet sözleşmesi almak zor erişilebilirliği bir öncelik olarak ele al.

WordPress, lider bir içerik yönetim sistemi ve blog platformu olarak erişilebilirlik geliştirmenin de ön saflarında yer almaktadır. WordPress A11y (Erişilebilirlik) Ekibi, platformu mümkün olduğunca çok insanın kullanımına sunmakla meşgul ve geliştiriciler için WordPress Erişilebilirliği ile ilgili harika bir El Kitabı yayımladılar..

Erişilebilirlik İncelemesi

Erişilebilirlik incelemesi, WordPress tema incelemesi sürecinde isteğe bağlı bir aşamadır. Gönderilen bir tema erişilebilirlik hazır etiketinde, inceleme ekibi erişilebilirlik için kendilerini hazırlayan temaların gerçekten öyle olmasını sağlamak için erişilebilirlik kurallarına göre kontrol eder..

Bu yazıda, dijital olarak kapsayıcı WordPress siteleri oluşturmanıza yardımcı olacak en iyi erişilebilirliğe hazır 10 WordPress temasına göz atacağız..

Erişilebilirliğe Hazır En İyi WP Temaları

Bu koleksiyonda yalnızca temanın WordPress deposunda erişilebilirliğe hazır etiketi olup olmadığına dikkat etmedik, aynı zamanda göz önünde bulundurduk erişilebilirlik tasarımının ana ilkelerini karşılayıp karşılamadığı.

Çok düşük renk kontrast oranları, masaüstü boyutunda hamburger menüleri veya bazı engelli gruplarının erişilebilirliğini etkileyebilecek diğer görsel tasarım uygulamalarını kullanan bazı (aksi halde harika) temaları gözardı ettik..

1. Sınırsız

Sınırsız, sağ kenar çubuğuna sahip, özenle tasarlanmış, genel amaçlı bir WordPress temasıdır. Hızlı yüklenir ve görme engelli kullanıcıların ihtiyaçlarına uygun yüksek renk kontrast oranı (beyaz ve açık gri ile koyu gri) kullanır.

Kenar çubuğu widget'ları akıllıca koyu gri üst kenarlıklarla vurgulanır. İnce görsel tasarım öğeleri, kullanıcıların içeriği hızlı bir şekilde anlamalarına yardımcı olur; sadece her yayında öne çıkan görüntünün altındaki akıllıca vurgulanan meta bilgilere (tarih, yazar, yorum sayısı) bir göz atın.

Demo sitesinde tamamen kurulduğunda Sınırsız'ın nasıl göründüğünü görebilirsiniz.

2. Simone

Simone ile oldukça basit bir tasarıma sahiptir büyük görüntüler ve her ekran boyutunda okunması kolay ekran odaklı, ölçeklenebilir tipografi. Tema, fiziksel olarak engelli kullanıcılara yardımcı oluyor klavyeleri ile navigasyona eriş.

Simone'un kenar çubuğu konumu (sol veya sağ), başlık, arka plan, bağlantı renkleri ve diğerleri gibi birçok özelliğini özelleştirebilirsiniz. O da çeviri hazır, ve zaten birçok dile çevrilmiş

Simone hakkında daha fazla bilgi demo sitesinde.

3. Erişilebilir Zen

Erişilebilir Zen, minimalist, tek sütunlu bir tema. dikkat dağıtıcı sayısını azaltır mümkün olduğu kadar içeriğe odaklanın. Yazar, blogunda kullandığı renk paletini paylaştı. Web İçeriği Erişilebilirlik Kılavuzunun AA seviyesine uygundur (WCAG 2.0).

Bu tema hakkında eşsiz olan şey başlık bölümünde ana menü yok, böylece ziyaretçiler bir defada içeriğe ulaşabilir - bu ekran okuyucu kullanıcıları için ideal bir çözüm olabilir. Köprüler ile akıllıca altı çizili noktalı çizgiler ve gezinip durmak, bu da mükemmel bir erişilebilirlik çözümü

Eğer ilgileniyorsanız içerik odaklı, minimalist blog teması, Erişilebilir Zen canlı yayınına göz atın.

4. Stok

Stok WordPress teması zarif siyah beyaz başlık Bu ortalanmış bir ana menü içerir. Siyah ve beyazın eşleştirilmesi erişilebilirliğe hazır alanlar için her zaman mükemmel bir seçimdir, çünkü bu iki renk 21: 1 olan en yüksek renk kontrast oranına sahiptir.

Tasarım oldukça minimalist, ve tema çeviri hazır ve teklifler RTL (sağdan sola) dil desteği, bu yüzden erişilebilir bir çocuk temasının ana teması olmak için iyi bir aday olabilir.

Geliştirmenin şu anki aşamasını Stock'in Github sayfasından kontrol edebilirsiniz..

5. Apex

Apex bir ziyaretçi ile meşgul mantıksal olarak yapılandırılmış içerik ve büyük özellikli görüntüler Bu site etkileyici ve profesyonel görünmesini sağlar. Üst gezinti bir sol taraftaki ana menü, ve bir sağdaki sosyal medya menüsü, Bu, hem engelli insanlar hem de yardımcı cihazlar için site içerisinde gezinmeyi kolay ve anlaşılır kılar.

Ana sayfadaki alıntılar takip eder kullanıcı dostu "Okumaya devam et" düğmeleri bunlar güzel vurgulanmış ve devam etmek için okuyucular teşvik eder. Apex'in demo sitesinde nasıl göründüğünü görebilirsiniz.

6. Küçük Çerçeve

Tiny Framework yazarının bu ilgi çekici, erişilebilirliğe hazır WordPress temasını yaratması 9 aydan az sürmedi. Tiny Framework, eğer engelli insanların ihtiyaçlarına dikkat edecek güvenilir bir çocuk teması geliştirmek istiyorsanız, ana tema olarak kullanılabilecek kadar esnektir.

Tiny Framework teması bir kullanır yüksek kontrast renk paleti Siyah, turuncu ve yeşil renklerle. blockquotes, başlıkları ve tüm bağlantıların farklı renkleri var, bu içeriğin okunaklılığını önemli ölçüde arttırır. Düğmeler de kolayca fark edilir, ve tema genel olarak oldukça enerjik ve canlı bir görünüme sahip rahatsız edici şekilde değil.

7. Kuorinka

Kuorinka gerçekten hızlı yükler ve yalnızca erişilebilirlik desteği sunmakla kalmaz, aynı zamanda schema.org mikro verileri. Erişilebilirlik tasarımında her zaman iyi bir fikir olan ana navigasyonu desteklemek için ekmek kırıntılarını kullanır. Kuorinka kullanıcının izin verir sayfanın başına kısa bilgi ekle Bu, ziyaretçilerin site sahibinin iletmek istediği en önemli mesajı anlamalarına yardımcı olabilir..

Kenar çubuğunun başlıkları ve altbilgi araçları açık mavi bir arka plan ile vurgulanmış Bu, içeriğin görsel olarak bölünmesine büyük ölçüde yardımcı olur. Demo sitesinde, a. Gibi diğer harika özellikleri görebilirsiniz. kullanıcı kontrollü kaydırıcı, 3 farklı düzen (bir sütun, sol kenar çubuğu, sağ kenar çubuğu) ve diğerleri.

8. Aaron

Erişilebilirliğe hazır bir şirket web sitesi için Aaron mükemmel bir seçimdir. Bir vardır büyük harekete geçirme ifadesi düğmesi bir kerede ziyaretçilerin gözünü kapan ana sayfada. Temanın bir yüksek renk kontrast oranı, ama dikkat etmen gerekiyor dikkatlice arka plan resmini seçin Vurguların ve düğmelerin okunabilirliğini korumak için ana sayfada.

Aaron vardır klavye dostu menü tarafından desteklenen sitenin kullanışlı arama kutusu sağ tarafta. Tema, bir e-Ticaret sitesi için de kullanılabileceği gibi kullanılabilir. WooCommerce eklentisi.

9. Vitrin

Vitrin esnek bir e-ticaret tema sunan WooCommerce entegrasyonu ve yüksek özelleştirilebilirlik. En önemli bilgiler, alışveriş sepetinden satın alınan ürünler ve fiyatları ana menünün hemen yanında sitenin en üstündeki temayı inanılmaz kullanıcı dostu kılıyor.

Demo sitesinde, içerisinde yer alan isteğe bağlı başlık görüntüsünü görebilirsiniz. yüksek görünürlüğe sahip harekete geçirme ifadesi düğmesi. Ürünler farklı kategorilere ayrılmış Bu, ekran okuyucuları ve diğer yardımcı teknolojileri kullanan engelli ziyaretçilerin sitede neyin satışta olduğunu hızla anlamalarına yardımcı oluyor..

Mağazada, aynı zamanda erişilebilirlik desteğine sahip olan daha prestijli ürünlerin yer aldığı için Butik adlı zarif bir çocuk teması var.

10. Yazar

Yazar sol kenar çubuğu ile güzel tasarlanmış, hızlı ve erişilebilirliğe hazır bir WordPress teması. Kenar çubuğu, yüksek renk kontrast oranını sağlayan beyaz harflerle koyu bir arka plan kullanır. köprüler altı çizili bu yüzden onları tanımak kolaydır.

başlıklar serif yazı tipi kullanıyor bu okunabilirliği kolaylaştırır. Tek gönderi şablonunda önceki ve Sonraki mesajlar açık gri bir arka plan ile vurgulanmış Bu, kullanıcıları sitede daha fazla yayın okumaya teşvik eder.