Erişilebilirlik için mevcut WordPress sitenizi nasıl mükemmelleştirirsiniz
Tüm kullanıcılar tarafından erişilebilecek bir web sitesi oluşturmak sektörümüzün ana odağı haline gelmiştir. Sadece kreasyonlarımızın çeşitli tarayıcılarda ve cihazlarda harika görünmesini sağlamakla kalmıyor, aynı zamanda ekran okuyucuları gibi yardımcı teknolojilerle iyi çalışmamız gerekiyor. Bu sadece ahlaki zorunluluk değil, aynı zamanda artan bir yasa. Web sitelerinin erişilebilirliği için somut kuralları olmayan ülkelerde (Amerika Birleşik Devletleri gibi) bile, şirketler büyük adımlardaki hatalardan sorumlu olarak kabul edilebilir. Sadece örnek olarak Domino’nun pizza davasına bakmanız gerekir.
İdeal olarak, oluşturduğumuz her web sitesine en baştan erişilebilir. Ne yazık ki, her zaman böyle değil. Eski web sitesi bu alanda çeşitli eksiklikler yaşayabilir. Ve eğer yeniden tasarım bütçeye göre değilse, bu sorunla sıkışıp kalabilirsiniz. Ancak hepsi kaybolmadı. Mevcut web sitelerini daha erişilebilir hale getirmek için yapabileceğiniz bazı şeyler var. Bunu hatırlayarak, WordPress sitenizin erişilebilirliğini artırmak için bazı fikirler. İlk olarak, erişilebilirlik denetimi yapın Mevcut web sitenizdeki erişilebilirliği artırmak için ilk adım, hangi sorunları ele almanız gerektiğini belirlemektir. Bu, temel bir denetim tarafından elde edilebilir.
Erişilebilirliği denetlemenin birkaç farklı yolu vardır ve birlikte yapılmalıdır. Birincisi otomatik araçların kullanımını içerir ve ikincisi daha manuel bir yaklaşımdır. Daha derine bakalım. Otomatik Araçlar Olası erişilebilirlik sorunları için web sitenizi tarayacak bir dizi otomatik araç geliştirilmiştir. Bazıları, diğerleri daha özel işlevler sunarken, tümü içeren bir süit olmayı amaçlamaktadır. Nelerin mevcut olduğunu görmek istiyorsanız, W3C kapsamlı bir seçenek listesi derledi. Amacımız için, ücretsiz web dalgası erişilebilirlik araçları, sitenize genel bir bakış elde etmek için iyi bir seçimdir. Bu, web sitenizin etkileşimli bir işaretlemesini sağlar – hatalar, uyarılar ve ilgili bilgiler listesi ile tamamlanır. Daha da iyisi, Chrome ve Firefox için ücretsiz tarayıcı uzantısıdır. Bir tıklamayla ziyaret ettiğiniz herhangi bir sayfayı test etmenize izin verirler. Dalga, düşük renk kontrastını, görüntüde kaybolan alternatif metinler ve hatta ekran okuyucuların navigasyonunu karmaşıklaştırabilecek aşırı özellikler gibi sorunları rapor edecektir. Ayrıca sayfanın yapısına ve ARIA etiketine genel bir bakış bulacaksınız. Otomatik test sonuçları aldıktan sonra, kontrol edilecek belirli öğelerin bir listesine sahip olacaksınız. Dalga görsel bir araç olduğundan, ekranınızda eşlenmiş hataları ve uyarıları tıklamak yeterince kolaydır. Bu, belirli bir bayrağa daha derinlemesine dalmanın gerekip gerekmediği hakkında size yeterli bilgi verebilir.
Bununla birlikte, “hatalar” veya “uyarılar” olarak işaretlenen bazı öğelerin her zaman sorunlu olmadığı belirtilmelidir. Örneğin, W3C dekoratif görüntülerin alternatif metinler gerektirmemesini önerir. Dolayısıyla, Wave herhangi bir görüntü üzerinde boş bir alt öznitelikle ağlayabilirken, her zaman endişelenmek için bir neden değildir. Buradaki ders, bir tuz tanesi ile raporlar almaktır. Bununla birlikte, otomatik araç doğrudan kodla ilgili sorunları yakalamak için çok iyi olsa da, bulunması zor olan bazı kullanıcı deneyimi eksiklikleri ne olacak? Manuel Test Edilmesi Web sitenizi manuel olarak kontrol ederek tespit edilen en iyi erişilebilirlik sorunlarından bazılarını. Kontrol etmek istediğiniz öğeler arasında: Bağlantılar, alan alanları ve düğmeler gibi web sitesi işlevselliği klavyesinin gezinmesi klavye üzerinden erişilmelidir. Test etmek için, web tarayıcınızdaki sayfaları takın ve sekme düğmesine tekrar tekrar basın. Mantıksal bir sırayla sayfalardaki çeşitli öğelerden geçebilmelisiniz.
Sezgisel öğeler web sitenize bakar ve bağlantılar ve düğmeler gibi etkileşimli öğelere özel dikkat edin. Sezgisel mi? Hedefleri son kullanıcılar için açık mı? Yalnızca renk, şekle veya simgeye bağlı öğeler kullanmaktan kaçının. Her etkileşimli öğenin işlevi hakkında açıkça işaretlendiğinden emin olun. Buradaki amaç, kullanıcıların daha kolay dolaşabilmeleri için çeşitli görevler yapma iddialarını ortadan kaldırmaktır. Tipografi tipografi geniş bir konudur, bu yüzden çok derin kazmayacağız. Ancak web siteniz için yazı tipleri, boyutlar ve boşluklar seçimini gözden geçirmek önemlidir. Metninizin okunabileceğinden ve başlık gibi öğelerin diğer sayfa içeriğinden kolayca ayırt edildiğinden emin olmak isteyeceksiniz.
Tabii ki, aranması gereken birkaç şey daha var. Kontrol etmek istediğiniz ek öğeler için WGAC’ın hızlı referansına bakın. WordPress sitesindeki erişilebilirlik sorununu iyileştirin, web sitenizin erişilebilirlik açısından eksikliklerin mücadelenin yarısı olduğunu bilir. Diğer yarısı bir çözüm uygulamaktır. Otomatik ve manuel test yoluyla bulduklarınızın çoğu, sitenizin stilini değiştirerek geliştirilebilir. Temanıza bağlı olarak, belki de tipografi ve renk gibi şeyleri değiştirmek için WordPress ayarlarını veya ayar panellerini ziyaret etme sorunu. Değilse, tema tarzı sayfanız aracılığıyla bir sorun ve gerekli değişiklikleri manuel olarak yapın. Burada tarayıcı denetim aracınızın hangi stilin düzgün bir şekilde değiştirileceğini belirlemede çok yardımcı olabileceği yerdir.
Eklenti, bir tarayıcı denetim aracıyla yardımcı olabilecek çok kullanışlı olan bir şeyi engellediğinde, küçük bir HTML veya belirli CSS’nin WordPress temanızdan veya eklentinizden gelip gelmediğini belirlemektir.Sadece nereden geldiğini görmek için söz konusu kuvvetin sağına bakın. Temayı ayarlama süreci oldukça kolaydır.Ancak eklentiler biraz daha zor olabilir.Kullandığınız eklentinin web sitenizin erişilebilirliğine müdahale ettiğini görürseniz, birkaç seçeneğiniz vardır.Yapabilirsiniz:
Sorunlu CSS’yi tema stili sayfanız aracılığıyla değiştirmeye çalışın;
Eklentinin çıkışını değiştirmek için WordPress kancasını veya filtresini kullanın;
Eklentileri kullanmayı bırakın;
Son seçenek ideal değildir ve her zaman kolay değildir.Bu nedenle, önce diğer tüm yolları harcamak en iyisidir.
WordPress Community web sitesi geliştiricisinin erişilebilirliğini artırmak için WordPress eklentisini kullanın ve her zaman ihtiyaçları arar ve erişilebilirlik bir istisna değildir. Çeşitli görevleri yerine getirmenize yardımcı olabilecek bir dizi eklenti yayınlandı. Burada, erişilebilen özelliklere sahip İsviçre Ordusu Sanal Bıçağına odaklanacağız: WP erişilebilirliği. Bu eklenti, bir dizi yaygın problemi geliştirmenize yardımcı olabilir. Örneğin, klavye kullanıcılarının navigasyonu geçmesine ve hemen sayfa içeriğini açmasına olanak tanıyan bir “atlanan” bağlantı (temanız dahil değilse) ekleyecektir. Ayrıca, bağlantılara ve diğer öğelere odak çizgileri, görüntüler için uzun açıklama etiketleri ve olumsuz etkisi olabilecek öğelerin silinmesi (hedef bağlantılar, görüntüdeki başlık özellikleri, tabindex öznitelikleri vb.) WP erişilebilirliğinden daha benzersiz özelliklerden biri araç çubuğudur. Bu düğme koleksiyonu, web sitenizin (veya ayarladığınız diğer öğelere) tarafına yapışacaktır. Bu, kullanıcıların metin boyutunu artırmasına ve koyu renk şemalarını etkinleştirmelerine olanak tanır. Site yöneticisi ayrıca, sitenizin renge çok bağlı olmadığından emin olmak için kullanabileceğiniz isteğe bağlı bir gri ölçekli ekran alır.
Mevcut sitenizin stiline uyum sağlamak için en iyi olanı yapmak için aracın yapıldığını unutmayın. Ancak, en iyi deneyim için temanızdaki bazı şeyleri değiştirmeniz gerekebilir. Ayrıca, görsel düzenleyicide veya web sitenizin önünde potansiyel sorunları gösterecek olan CSS görüntülerine ve teşhislerine Alt öznitelikleri uygulayarak renk kontrast oranını test etmek için bir araç içerir. WP erişilebilirliği her sorunu tedavi etmeyecektir. Ancak bu, aceleyle iyileştirmeler yapmanız gereken durumlarda yardımcı olabilir. Ve tek seçenek bu değil. Diğer erişilebilirlik eklentileri için WordPress eklentisi deposuna bakın. Yaşına bakılmaksızın WordPress sitenize erişilebilecek özellikler eklemek için asla geç değildir, herhangi bir WordPress web sitesi daha kolay erişilebilir hale getirilebilir. İyi haber, birçok durumda, sürecin çok zor veya pahalı olması gerekmez. Orada potansiyel sorunları belirlemenize yardımcı olabilecek bir dizi araç var. Oradan, listedeki her öğeyi araştırın ve gerektiğinde iyileştirmeler uygulayın. Ve bazı erişilebilirlik sorunlarının iyileştirilmesi zor olsa da, neredeyse hiçbir şey imkansız değildir. CSS’de bulunanlar veya semantik HTML kullanımı gibi yapısal problemler genellikle kolayca değiştirilir. Sitenizin boyutuna ve makyajınıza bağlı olarak, bu onarımı bir öğleden sonra durdurabilirsiniz. Spektrumun diğer ucunda, ses veya video içeriği için transkript sağlamak gibi öğeler daha karmaşık olabilir. Bütçe muhrip olabilecek dış hizmetlerden yardıma ihtiyaç duyabilirler.
