Pazarlamacılar İçin Dijital Erişilebilirlik Bölüm 2: Kullanıcı Deneyimi ve Web Siteleri
Yayınlanan: 2022-06-16Dijital Erişilebilirlik konulu bu dizinin ilk gönderisinde, pazarlamacılar için erişilebilirliğin “neleri ve nedenlerine” değindik. Şimdi “nasıllar” zamanı.
Önerilerimizi, uygulaması oldukça kolay olan ve pazarlamacılar için uygun olan unsurlarla kasıtlı olarak sınırladığımızı unutmayın. Bu seri, hiçbir şekilde, işletmelerin erişilebilir içerik söz konusu olduğunda bilmesi gereken tüm standartların kapsamlı bir listesi değildir. Erişilebilirlik yönergelerinin ve WCAG kriterlerinin esasını öğrenmek istiyorsanız, TGPi e-öğrenme programına göz atın. Becerilerinizi taze tutmak veya erişilebilirlik teknikleri ve en iyi uygulamaları hızlandırmak için kullanabileceğiniz, kendi hızınızda bir seçenektir.
Önerilere geçelim!
Erişilebilirlik ve Kullanıcı deneyimi
Sorunsuz, zahmetsiz bir kullanıcı deneyimi, her pazarlamacı için Kuzey Yıldızıdır. Bir bireyin kritik bir görevi tamamlama kolaylığı ve içeriğin beklentileri ne kadar iyi karşıladığı, üzerinde ağır bir etkiye sahiptir ve pazarlama çabalarınızı artıracak veya bozacaktır.
Mantıklı, değil mi? Çevrimiçi bir şey satın almak istiyorsanız ve kredi kartı bilgilerinizi girmeye çalışırken bir sorunla karşılaşırsanız veya istediğiniz ürün stokta yoksa, kullanıcı deneyiminizin kalitesi düşecektir. Birincisi, yapmayı planladığınız şeyi başaramadığınız için ve ikincisi, başarmayı umduğunuz için, ancak bu kartlarda yoktu. Bu çifte darbe, neredeyse kesinlikle o web sitesine geri dönmeyeceğinizi garanti eder!
Bir pazarlamacı olarak, üstün bir kullanıcı deneyiminin önemini çok iyi biliyorsunuz. Hatta test ediyor olabilirsiniz (sizin için iyi!) veya ölçmek için yerinde analitikleriniz olabilir. Bu önlemler, pazarlama dönüşüm huninizi optimize etmek için kritik öneme sahiptir. Ancak, kullanıcı deneyimini erişilebilirlik açısından test etmiyor olabilirsiniz. (Eğer değilseniz, yargılamaya gerek yok! Bu yazı dizisinin değiştirmeyi amaçladığı şey bu.)
Kullanıcı yolculukları
Kullanıcı yolculuğu (kullanıcı akışı veya kullanıcı yolu olarak da bilinir), bir kullanıcının sitenizde gerçekleştirdiği bir dizi işlemdir. Kritik bir kullanıcı yolculuğu, sitenizin satın alma işlemini tamamlama, form gönderme, video izleme, gönderi okuma vb. gibi birincil hedefleriyle uyumludur.
Çeşitli nedenlerle, temel kullanıcı yolculuklarınız için erişilebilirlik düzeltmesine her zaman öncelik vermelisiniz.
İlk olarak, sitenizde harika içeriğe sahip olsanız da, bir kullanıcı web sitenizi ziyaret etmek için birincil hedefini gerçekleştiremezse, bu sonsuza kadar kaybettiğiniz bir müşteridir.
İkincisi, pek çok engelli ne yazık ki diğer insanların normal kabul ettiği şeyleri yaparken zorluklarla karşılaşmaya alışmıştır. Genellikle onları beklerler, çünkü dünyanın çoğu kendi özel engelleri düşünülerek yaratılmamıştır.
Ortalama olarak, teğet içerikle ilgili küçük erişilebilirlik endişelerinin, onları yasal işlem başlatma noktasına kadar hayal kırıklığına uğratması muhtemel değildir. Ancak, web sitenizde başarmaya geldikleri tek şeyi yapamazlarsa, özellikle ABD merkezli bir markaysanız, kendinizi büyük bir yasal riske açarsınız.
Kritik kullanıcı yollarınızı test etme
Peki, kritik kullanıcı akışlarınızı erişilebilirlik açısından nasıl test edersiniz? Manuel rotayı seçerseniz, WCAG hatalarını belirlemek için engelli kişilerle kullanıcı testi yapabilir veya TPGi'nin ARC Toolkit'i (bundan sonra daha fazla bahsedilecektir) gibi bir araç kullanarak her adımın kodunu inceleyebilirsiniz.
Manuel test sonuçta daha kapsamlı olsa da, kritik kullanıcı yollarınızdaki erişilebilirlik hatalarını hemen belirlemek istiyorsanız, her bileşeni erişilebilirlik açısından otomatik olarak taramak için ARC Monitoring'in Kullanıcı Akışları özelliğini kullanabilirsiniz. Görüntülerden iletişim kutularına, bir kullanıcı yolculuğunun tüm bileşenlerini ve dinamik etkileşimlerini tarama için dahil edebilir ve dahili iyileştirme süreçlerinizi iyileştirmeye yardımcı olmak için zaman içinde hataları izleyebileceksiniz.
ARC'nin Kullanıcı Akışları İzleme'den edindiğiniz bilgileri, kullanıcıların istedikleri eylemi tamamlamalarını engelleyen engelleri belirlemek için Google Analytics Hunisi ve Hedefleri gibi diğer analiz araçlarınızla eşleştirebilirsiniz.
Erişilebilir web siteleri
Web sitesi, işletmenizin dijital mağazası veya ofisidir. Potansiyel bir müşterinin şirketiniz hakkında edindiği ilk (veya tek) izlenim olabilir, bu nedenle onu mümkün olduğunca çekici hale getirmek isteyeceksiniz. Belki monotonluğu kırmak için birkaç videonuz veya çok sayıda resminiz veya değerli blog içeriği sayfalarınız var. Bunların hepsi, pazarlamacıların insanları ürünlerini satın almaya ikna etmek için kullanabilecekleri müthiş varlıklardır.
Tüm bu içeriğin erişilebilir olmasını sağlamak göz korkutucu görünebilir, ancak erişilebilir içerik için en iyi uygulamaların çoğu, en iyi pazarlama uygulamalarından ayırt edilemez. Daha fazlasını öğrenmek için okumaya devam edin:
Açıklayıcı bağlantı metni
Her iyi pazarlamacı, mükemmel iletişim için netliğin şart olduğunu bilir. Metninizi kabarık ve kulağa önemli (ama nihayetinde anlamsız) kelimelerle süslerseniz, mesajınız kaybolur. Aynı şekilde, açıklamalarınız konusunda fazla boş iseniz, bir müşteri onlara ne söylediğinizi anlamak için yeterli bilgiye sahip olmayabilir.
Yüksek kaliteli içerik, bu iki uç nokta arasında bir dengedir ve şaşırtıcı olmayan bir şekilde, bağlantı veya bağlantı metni aynı kuralları izler. En iyi bağlantı metni, kullanıcıya tıkladıklarında ne beklemeleri gerektiği konusunda bir fikir verir. Açıklayıcı bağlantı metni, harekete geçirici mesajınız için özellikle önemlidir. Kullanıcıyı "Buraya tıklayın" veya "Teknik belgemizi indirin"e tıkladıklarında karşılaşacakları şey hakkında daha iyi ne hazırlar? Açıkçası, ikincisi! (Birincisini seçtiyseniz, yeni bir kariyer yolu düşünmek isteyebilirsiniz.)
CTA'nızı havalı kelimelerle süslemeye gerek yok (“Harry Houdini'nin büyüsü hakkında dünyanın en büyük teknik incelemesini indirin!”) Ancak insanları neye bulaştıklarını bilmeleri için ayarlamak çok önemlidir.
Bağlantı metni erişilebilirlik için neden bu kadar önemlidir? İlk olarak, sayfa içeriğine göz atarak görme engelli veya az gören kişilere büyük ölçüde yardımcı olur. (Bu, kusursuz görüşe sahip kişiler için de geçerlidir.) Görme engelli kullanıcılar, dijital içeriğe erişmek için az gören kişiler için ekran büyütme araçları ve körler için ekran okuyucular gibi bir dizi yardımcı teknoloji kullanır. Adından da anlaşılacağı gibi, bir ekran okuyucu ekranda ne olduğunu tam anlamıyla okur.
Bununla birlikte, JAWS gibi ekran okuyucular, kullanıcıların tüm HTML'yi yukarıdan aşağıya doğru gitmek yerine çeşitli bileşenleri okuyarak ekranın her yerinde dolaşmasına olanak tanır. Bir kullanıcı bileşenden bileşene geçiş yaptığında, ekran okuyucu çevreleyen kopyayı değil, yalnızca bağlantılar için bağlantı metnini okur. Bu, tüm bağlantılarınız aynı "burayı tıklayın" kopyasıysa, ekran okuyucu kullanıcısı bu bağlantıyı takip ederse ne olacağı hakkında hiçbir fikri olmayacaktır; bu bağlantının neyle ilgili olduğunu anlamak için çevreleyen içeriği keşfetmeye zorlanırlar.
Ayrıca ekran okuyucular, kullanıcıların bir web sayfasındaki tüm bağlantılara hızlı erişim sağlayan bir "bağlantı listesi" açmasına olanak tanır. Bu, bağlantı metninin çevresindeki bağlamdan okunacağı ve "buraya tıklayın" gibi şeylerin gerçek bir sorun haline geldiği yaygın bir senaryodur.
Resimler için alternatif metin
Alternatif metin veya "alt metin", bir ekran okuyucu kullanıcısının her bir web sayfasının içeriği hakkında daha kapsamlı bir fikir edinebilmesi için web sitenizin resimlerini açıklar. Görsel açıklama işlevi gören görselleri seçerseniz, alternatif metinden vazgeçerseniz, onları göremeyen insanlar kaybolacaktır.
Ancak, görselleri tamamen estetik nedenlerle eklediyseniz (belki de bilgisayar başında kamburlaşan insanların resimlerini gerçekten seviyorsunuzdur) ve bunlardan birkaçına sahipseniz, hepsine alternatif metin eklemek istemeyebilirsiniz. Ekran okuyucular, her görüntü için tüm alternatif metni okuyacaktır; bu, metin deneyime aktif olarak değer katmazsa can sıkıcı olabilir. Bir görsel dekoratif olarak kabul ediliyorsa ve sayfa içeriğine ek bir anlam/anlayış katmıyorsa, boş bir alt özniteliği sağlanarak yardımcı teknolojiye gizlenmelidir.
İyi yapılandırılmış web siteleri
Başlık etiketlerinizi uygun şekilde kullanın, böylece hem görme engelli hem de engelsiz okuyucular sayfayı gözden geçirebilir ve içerik hakkında temel bir anlayış elde edebilir ve kolayca gezinebilir. Her sayfaya sayfanın içeriğini açıklayan bir H1 ile başlamak, ardından H2'leri ve H3'leri alt başlıklar olarak kullanmak gibi başlıklar için en iyi uygulamaları izleyin. Başlık etiketlerini kasıtlı olarak kullanın; yapıyı düşünmeden onları rastgele şaşırtmayın.
Başlıkları CSS stili aracılığıyla görsel yollarla ayırt edebilmenize rağmen, ekran okuyucu kullanıcılarının bu ayrımları görme lüksü yoktur. Görme güçlüğü çeken kullanıcıların içeriğinizi kolayca tüketebilmelerini sağlamak için iyi biçimlendirilmiş sayfa düzenlerini kullanmak özellikle önemlidir.
Yoğun paragrafları minimumda tutun, mümkün olduğunda daha kısa cümleler kullanın ve jargon veya argo kullanmaktan kaçının. Daha net, daha kısa metinler, bilişsel bozuklukları olan kullanıcıların içeriğinizi daha iyi anlamalarına yardımcı olacak ve ayrıca tüm okuyucular için kafa karışıklığını en aza indirmeye yardımcı olacaktır.
Belki de insanların dikkat süresinin Japon balıklarınınkinden daha kısa olduğunu duymuşsunuzdur? Şüphe duyduğunuzda, onu parçalayın; mümkün olduğunca basit hale getirin.
Renk kontrast oranları
Kurumunuzun stil rehberinin Noel Baba tarafından tasarlanmadığını umalım, tamamlayıcı renkler için kırmızı ve yeşili kullanmak, kullanıcılarınıza herhangi bir fayda sağlamayacaktır. Renk kontrastı, erişilebilir tasarımın önemli bir unsurudur. Az gören kişiler birbirine çok benzeyen renkleri ayırt etmekte zorlanabilirler ve renk körü kullanıcılar için birçok renk ayırt edilemez.
TGPi'nin ücretsiz Color Contrast Analyzer aracını deneyebilirsiniz, yeterli renk oranlarını belirleme konusunda tahminde bulunmanıza gerek kalmaz. Ön plan ve arka plan renklerinizi seçmek için renk seçiciyi kullanın; kontrastın uygun olup olmadığını CCA size söyleyecektir.
Erişilebilir formlar
Hemen hemen her site, kullanıcıların bir görevi tamamlamasını sağlamak için bir form kullanır. İşletmeniz e-ticaret, hizmet tabanlı veya hatta yalnızca bir çevrimiçi vitrin olsun, büyük olasılıkla bir form içerecektir. Ancak, formlar engelli insanlar için yanıltıcı olabilir. Kodlama bilgisi olmayan pazarlamacıların kolayca takip edebileceği, teknik olmayan ve teknik olmayan birkaç teknik husus (okuyun: geliştiricilerin uygulayacağı hususlar) vardır. Teknik olmayan en iyi uygulamalar şunlardır:
- Formları kısa ve basit tutun - Müşteri iletişim bilgilerini alın ve ardından onlarla etkileşim kurmak ve daha fazla ek bilgi elde etmek için bir ilişki kurun
- Açık talimatlar ve görünür etiketler sağlayın - Hiç kimse kafa karıştırıcı bir formdan hoşlanmaz
- Girdileri Doğrula (değişiklikleri geri al/onayla) – Kullanıcıları herhangi bir sorun ve bunların nasıl düzeltileceği konusunda bilgilendirin
- Kullanıcı bildirimi (başarılı/başarısız) – Form gönderiminin başarılı olup olmadığını kullanıcılara bildirin
- Çok sayfalı veya aşamalı olarak benimseyin – Daha karmaşık bir formunuz olması gerekiyorsa, kullanıcıları bunaltmayan çok sayfalı veya aşamalı bir form hedefleyin
- Zaman sınırlarını kaldırın veya seçenekler sunun – Zaman sınırları, alışveriş yapanları satın almaya zorlamak için kullanışlı olabilir, ancak ciddi kaygı sorunları olan bireylere aşırı stres katarlar.
Galeta unu
Ekmek kırıntıları, şu anda göz atmakta olduğunuz sayfanın daha büyük resme nasıl uyduğunu görmenizi sağlayan sitenizde bir gezinme biçimidir. Genellikle daha üst düzey sayfalara yönlendiren bağlantılardır.
Giyim satan bir e-ticaret sitesindeki kırıntı izine bir örnek,
Kadın > Ceket > Yün > Bezelye kaban.
Breadcrumb'lar yol bulmak için kullanışlıdır ve kullanıcıların yolculuklarına sıfırdan başlamadan daha üst düzey sayfalara kolayca geri dönmelerini sağlar.
Çeşitli nedenlerle engelli insanlar için özellikle kritik öneme sahiptirler. Birincisi, bilişsel engelli kullanıcılar, belirsizliği en aza indiren kullanıcı dostu bir deneyimden her zaman faydalanacaktır. Siteniz genişliyor ve karmaşıksa, ekmek kırıntıları özellikle önemlidir. Breadcrumb'lar ayrıca ekran okuyucu kullanıcılarını anında yönlendirerek sitede gezinmeyi daha az zahmetli hale getirir.
İçerik haritaları, erişilebilirlikle ilgili birçok en iyi uygulama gibi, engelli kullanıcılar için açıkça yararlı olsa da, tüm kullanıcılar için deneyimi iyileştirir.
Chatbot'lar ve üçüncü taraf entegrasyonları
Birçok web sitesi, web siteleri için sohbet robotları, pop-up modals, dinamik açılış sayfaları vb. gibi üçüncü taraf entegrasyonlarından yararlanır. Üçüncü taraf yazılımların genellikle büyük ölçüde erişilemez olması talihsiz bir gerçektir ve bir şirketin bunu düzeltememesiyle daha da karmaşık hale gelen bir durum.
Kuruluşunuz bir üçüncü taraf uygulamasını web sitenize entegre etmeyi seçerse, eklemeden önce değerlendirmesi için bir uzmana sahip olduğunuzdan emin olun. Erişilebilirlik hatalarının çoğunu uzlaştıramayabilirsiniz, ancak en azından üstlendiğiniz risk düzeyini anlayacaksınız. Ayrıca bir erişilebilirlik beyanı veya satıcınızdan bir sözleşme oluşturmak için garanti talep edebilirsiniz (yine de uygulamadan önce doğruluğunu doğrulamak için ürünü test etmeniz gerekir).
Ek bir not olarak, satıcılarınıza her zaman ürünlerinin erişilebilirliğini sorun. Erişilebilir ürünler talep eden daha fazla müşteri, satıcıların dinleme ve erişilebilirlik özelliklerini ürün yapılarına dahil etmeye başlama şansı o kadar yüksek olur.