WordPress için erişilebilen bir web formu nasıl oluşturulur
CDC’ye göre, Amerika Birleşik Devletleri’ndeki yetişkinlerin% 26’sının çeşitli engellilik biçimleri vardır. Web sitenizi yapamamak, görsel veya bilişsel bozuklukları olanlar tarafından erişilebilir. Trafik kaybına, kötü SEO sıralamalarına ve hatta yasal anlaşmazlıklara neden olabilir. Hemen hemen her web sitesi şu anda çeşitli form türleri içeriyor – ister bir ürün sipariş formu veya iletişim formu gibi daha basit bir şey olsun. Formlar genellikle bir web sitesinin erişilemeyen kısımlarından biridir ve bu yüzden özel ilgiyi hak ediyorlar!
Formunuzu nasıl uyguladığınızdan bağımsız olarak – özel bir kod veya eklenti kullanarak – formunuza tam olarak erişilebilmesini sağlamak için belirli bir en iyi kılavuzu ve pratik yapmalısınız. Bu yazıda, WordPress için erişilebilecek bir web formunun nasıl oluşturulacağını öğreneceksiniz. Bu, daha geniş bir kitleye ulaşmanıza, web sitenizi kullanıcı deneyiminizi geliştirmenize ve gelirinizi artırmanıza yardımcı olabilir. Web sitesi erişilebilirliği nedir?
World Wide Web Konsorsiyumu tarafından yürütülen Web Erişilebilirlik Girişimi şunları yazıyor:
“Web erişilebilirliği, web sitelerinin, araçların ve teknolojinin engelli kişilerin onu kullanabileceği şekilde tasarlandığı ve geliştirildiği anlamına gelir. Daha spesifik olarak, insanlar web’e katkıda bulunabilir – anlayabilir, anlayabilir, gezinebilir ve etkileşime girebilir. ” Web sitelerinde gezinmek, bilgi girmek ve doğru bağlantıyı veya düğmeyi seçmek, görsel, fiziksel veya bilişsel bozuklukları olan kullanıcılar için bir zorluk olabilir. Erişilebilirlik, sitenizi yapmak için bir dizi en iyi uygulamanın uygulanmasını içerir: Ekran okuyucuları kullanan görsel bozuklukları olan kişiler tarafından kullanılabilir
Klavyeli sitelerde gezinen hareketlilik sorunları olan kişiler
Bilişsel bozuklukları olan insanlar
Renk kör insanlar
Sesli aramaya güvenen insanlar
İlk dil olarak İngilizce konuşmayan ve çeviri hizmetlerini kullanan kişiler
Kırık kollar gibi geçici koşulları olan kişiler, düğmeye bastığını kullanarak bilgi girmesi gereken
Form, en büyük erişilebilirlik zorluklarından birini temsil eder, çünkü gezinmek ve doldurmak zordur.
Erişilebilecek web formlarının önemi
Form, sizin ve müşterileriniz arasında bir köprü görevi görür. Bu nedenle, formunuza engelli kişiler tarafından erişilebilmesini sağlamak çok önemlidir. Genel WordPress erişilebilirliği için web formunuzu optimize etmenin en önemli nedenlerinden bazıları. Yasal anlaşmazlıklardan kaçının, erişilebilirliğin yakında web siteniz için yasal bir gereklilik olacağını biliyor muydunuz, çünkü giderek daha fazla ülke Web Erişilebilirlik Yetkisi uygulamaya başlıyor mu? Bu, Amerikan Engellilik Yasası’na (ADA) dayanarak sunulan tanınmış markalara karşı davalar tarafından yönlendirilir. Hukuki gereksinimlerden bağımsız olarak gelirinizi artırma, erişilebilirlik gelirinizi artırmaya yardımcı olabilir. Örneğin, İngiliz Tıklama Away 2019 anketinin sonuçları, çoğu engelli kullanıcının erişilebilirlik sorunları nedeniyle web sitesinden ayrıldığını ve 17 milyar dolardan fazla harcama potansiyeli getirdiğini buldu. En iyi uygulamaya erişilebilirliği takiben kullanıcı deneyimini geliştirin, web sitenizin gezinmesini kolaylaştırmaya ve okumanın kolaylaştırılmasına yardımcı olabilir. Erişilebilirlikteki değişiklikler, sadece engelli kişiler değil, web sitenize olan tüm ziyaretçiler için kullanıcı deneyimini geliştirmeye yardımcı olur. SEO’yu artırın Web sitenizin yapısına çok dikkat edin ve sayfaların gezinmesini kolaylaştırırsınız, arama motorlarının taramasını kolaylaştırarak sitenizi geliştirebilir. Buna ek olarak, görüntünüz için Alt etiketi olarak adlandırılan “alternatif metin” eklemek, içeriğinizi anlama açısından görsel bozuklukları ve arama makineleri olan bireyler için çok önemlidir. Herkes tarafından kolayca tüketilen içerik gibi arama motorları. Bu nedenle erişilebilirlik SEO’da her zaman önemli bir faktör olacaktır. Avrupa Komisyonu, Birleşmiş Milletler ve diğer kuruluşların istatistiklerine göre daha büyük izleyicileri çekerek, dünya nüfusunun yaklaşık% 20’sinin çeşitli engellilik biçimlerine sahip olduğunu varsaymak. Bunu göz önünde bulundurarak, en iyi erişilebilirlik uygulamasını uygulamak, daha fazla müşteri çekmenize yardımcı olabilir. Erişilebilecek web formları oluşturmak için rehber, WordPress siteniz için erişilebilecek bir form nasıl oluşturursunuz? İşte izlenecek bazı yönergeler. Erişilebilirlik için yapılmış bir form eklentisi kullanın, zaman ve enerji tasarrufu istiyorsanız, erişilebilirlik özelliğini içeren WordPress form eklentisini kullanmanız gerekir. Erişilebilecek bir erişim söz konusu olduğunda, en iyi eklentilerden biri yerçekimi formlarıdır. Yerçekimi formları tam olarak erişilebilirliğe bağlıdır. Bu, WCAG 2.1 AA uyumluluğu, global standartları elde eden erişilen bir form oluşturmanıza yardımcı olacak bir dizi önemli özellik içeren en son sürümlerine yansır.
Gravity Forms 2.5, erişilebilirlikte diğer form eklentilerinde teşvik eden çeşitli iyileştirmeler içerir. Bu, kör kullanıcılar için ayrıntılı ekran okuyucu geri bildirimini içerir veya erişilebilirlik sorunları olan alanda yönetici alanında görme bozuklukları ve uyarıları içerir. Ancak yerçekimi formlarını kullanmanın tek nedeni erişilebilirlik değildir. Güçlü web uygulamaları oluşturmanıza izin veren yerçekimi formlarını genişleten bir dizi güçlü eklenti de vardır. Kullanıcılara, yalnızca erişilebilirlik için değil, genel kullanıcı deneyimi için genel netliğin neyin önemli olduğunu anlatın. Formunuzu oluştururken, formun kolayca tarandığından ve her alan için net talimatlara sahip olduğundan emin olun. Kullanıcı formunuzu kafa karıştırıcı bulursa, sitenizi hayal kırıklığına uğratabilir.
Birkaç adım içeren bir formunuz varsa, kullanıcılara hangi aşamada olduklarını ve kaç adımda kaldığını söylemek önemlidir. Bilgileri isteklerine göre değiştirebilmeleri veya güncelleyebilmeleri için kullanıcıların önceki adıma dönmeleri için bir yol olduğundan emin olun. Son olarak, açıklayıcı metninizin tüm düğmelerini ve bağlantılarını verin, böylece üzerine tıklanırken ne beklendiği açık. Bağlantı metniniz olarak “BURAYA TIKLAYIN” kullanmak yerine, “Blogumuz” gibi bağlantıları açıklayan bir şey kullanın. Aynı şey düğme için de geçerlidir. “Gönder” kuru ve genel olarak, kullanıcının “abonelik” veya “mesaj gönder” gibi işlemleri tanımlayan bir şey kullanmak daha iyidir.
Alan Etiketi ve Açıklama
Bir etiket yazarken, etiketin ne anlama geldiğinden ve kullanıcıya neyi doldurmaları gerektiğini açıkça ve kısaca anlattığından emin olun.En iyi erişilebilirlik ayarları için, etiketinizi açıkça görünür olan alan girişine yerleştirin ve bu ekran okuyucusunu karıştırabileceğinden HTML veya bağlantılar içermeyen.Bir form eklentisi kullanıyorsanız, bir alan açıklaması yazma seçeneğiniz de olacaktır.Bu isteğe bağlıdır, ancak alan hakkında ek bilgi vermeniz gerekiyorsa kullanabilirsiniz.Web sitenizde kullanılan renk kontrast rengi önemli bir erişilebilirlik faktörüdür.Renk kontrastı, ön arka plandaki yazı tipleri ile arka plan rengi arasındaki ışık farkını ifade eder.Formunuz için kötü seçilen renk, insanların okumasını zorlaştırabilir, özellikle de görme bozukluğu olanlar. WordPress’e geldiğinizde, formunuzun rengi genellikle temanızla belirlenir, ancak kendi özel CSS stilinizi ekleyerek değiştirebilirsiniz.Ayrıca, form talimatlarınızdaki renklere atıfta bulunmamayı unutmayın.Örneğin, “Devam etmek için Yeşil düğmeyi tıklayın” demeyin, çünkü bu renk körü olan kullanıcılar için sorunlara neden olabilir.Yazı tipinin boyutu ve ağırlığı da önemli bir erişilebilirlik seçeneğidir.Formunuz için seçtiğiniz yazı tipinin açık ve okunması kolay olduğundan emin olun.Kullanıcıların web sitenizi farklı bir renk kombinasyonu kullanarak görmelerini sağlayan tek bir tıklama erişilebilirliği gibi birkaç eklenti var.Koşullu Mantık Formunuz koşullu mantık içeriyorsa, erişilebilirlik üzerinde bir etkisi olmadığından emin olun.Örneğin, “Gönder” düğmesini gizlemek için koşullu mantığı asla kullanmayın.recaptcha
Captcha ve Recaptcha, anti-spam stratejinizin önemli bir parçası olsa da, erişilebilirlik açısından kabuslar. Captcha genellikle kullanıcıların bilgi doldurmasını veya ekranda belirli görüntüleri seçmesini gerektirir. Bu sadece kötü kullanıcı deneyimi üretmekle kalmaz, aynı zamanda bilişsel bozuklukları ve/veya vizyonu olanlar için de bir zorluktur. Captcha yerine, kullanıcı deneyimini etkilemeyen gizliliğe odaklanan Honeypot veya spam eklentileri gibi alternatifler kullanın. Bir fiyat etiketi ile gelmesine rağmen, bu alanda favori ünlü Akismet. Hata Mesajı Hata mesajının net bir şekilde izlenebileceğinden ve yazılabileceğinden emin olun. Hata mesajınız hatalar veya ihmal hakkında geri bildirim sağlamalı ve nasıl düzeltileceğini açıklamalıdır. Örneğin, “Bir hata var” demek yerine, “şifreniz çok kısa. Lütfen 12 veya daha fazla karakter şifresini girin. Yeterli bilgi vermez, kaygı ve hayal kırıklığına neden olabilir. Engelliler fareyi kullanamaz, bu nedenle formunuzun sekme düğmesini kullanarak denetlenebileceğinden emin olun. Bu, hata mesajını kapatmayı ve önceki adıma geri dönmeyi içerir. Sıfırdan bir form yapmayı tercih ederseniz, güçlü HTML işaretlemesi, önemlidir. Doğru HTML’yi kullanın, çünkü ekran okuyucunun bilgi verirken kullandığı şey budur. Örneğin, etiket veya etiketini değil etiketini kullanmalıdır
