Dijital Erişilebilirlik hakkındaki bu serinin ilk yazısında, pazarlamacılar için erişilebilirliğin “ne ve nedenlerine” değindik. Şimdi “nasıl” zamanı.
Önerilerimizi kasıtlı olarak uygulaması oldukça kolay ve pazarlamacılar için alakalı öğelerle sınırlandırdığımızı unutmayın. Bu seri, erişilebilir içerik söz konusu olduğunda işletmelerin bilmesi gereken tüm standartların kapsamlı bir listesi değildir. Erişilebilirlik yönergeleri ve WCAG kriterleri hakkında ayrıntılı bilgi edinmek istiyorsanız TGPi e-öğrenme programına göz atın. Becerilerinizi taze tutmak veya erişilebilirlik teknikleri ve en iyi uygulamalar konusunda hız kazanmak için kullanabileceğiniz, hızınızı kendiniz ayarlayabileceğiniz bir seçenektir.
Önerilen makale: en ucuz akilli telefonlar hakkında bilgi almak ve güncel girişimcilik haberlerine ulaşmak almak için ilgili sayfayı ziyaret edebilirsiniz.
Önerilere geçelim!
Erişilebilirlik ve kullanıcı deneyimi
Sorunsuz, zahmetsiz bir kullanıcı deneyimi her pazarlamacının Kuzey Yıldızıdır. Bir kişinin kritik bir görevi tamamlama kolaylığı ve içeriğin beklentileri ne kadar iyi karşıladığı, üzerinde büyük bir etkiye sahiptir ve pazarlama çabalarınızı olumlu ya da olumsuz etkileyecektir.
Mantıklı, değil mi? Çevrimiçi bir şey satın almak istiyorsanız ve kredi kartı bilgilerinizi girerken sorunla karşılaşırsanız veya istediğiniz ürün stokta yoksa, kullanıcı deneyiminizin kalitesi düşecektir. Birincisi, yapmaya karar verdiğiniz şeyi başaramadığınız için ve ikincisi, bunu başarabileceğinizi beklediğiniz halde bu, kartlarda yoktu. Bu çifte sorun neredeyse kesinlikle söz konusu web sitesine geri dönmeyeceğinizi garanti edecektir!
Bir pazarlamacı olarak üstün kullanıcı deneyiminin öneminin bilincindesiniz. Hatta bunu test ediyor olabilirsiniz (sizin için iyi!) veya bunu ölçecek analitikleriniz de olabilir. Bu önlemler pazarlama huninizi optimize etmek için kritik öneme sahiptir. Ancak, kullanıcı deneyimini erişilebilirlik açısından test etmeyebilirsiniz. (Değilseniz yargılamayın! Bu yazı dizisinin değiştirmeyi amaçladığı şey budur.)
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 bir satın alma işlemini tamamlamak, form göndermek, video izlemek, gönderi okumak gibi birincil hedefiyle uyumludur.
Çeşitli nedenlerden dolayı temel kullanıcı yolculuklarınız için erişilebilirlik iyileştirmelerine her zaman öncelik vermelisiniz.
İlk olarak, sitenizde harika içerikler olsa da, bir kullanıcı web sitenizi ziyaret etmekteki asıl amacını yerine getiremezse, bu, sonsuza kadar kaybettiğiniz bir müşteri demektir.
İkincisi, pek çok engelli insan ne yazık ki diğer insanların doğal karşıladığı şeyleri yaparken zorluklarla karşılaşmaya alışkındır. Dünyanın büyük bir kısmı onların özel engelleri düşünülerek yaratılmadığından genellikle bunları beklerler.
Ortalama olarak, yüzeysel içerikle ilgili küçük erişilebilirlik endişelerinin, onları yasal işlem başlatacak kadar hayal kırıklığına uğratması pek olası değildir. Ancak web sitenizde başarmak için geldikleri tek şeyi yapamazlarsa, özellikle ABD merkezli bir markaysanız, kendinizi büyük bir yasal riskle karşı karşıya bırakırsı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ı tercih ederseniz, engelli kişilerle kullanıcı testi yapabilir veya WCAG hatalarını belirlemek için TPGi’nin ARC Araç Takımı (bu konuya daha sonra değineceğiz) 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ı anında 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. Tarama için, görüntülerden iletişim kutularına kadar bir kullanıcı yolculuğunun tüm bileşenlerini ve dinamik etkileşimlerini dahil edebilir ve dahili iyileştirme süreçlerinizi iyileştirmenize yardımcı olmak için zaman içinde hataları takip edebileceksiniz.
Kullanıcıların istenen eylemi tamamlamasının önündeki engelleri belirlemek için ARC’nin Kullanıcı Akışları İzleme’den edindiğiniz bilgileri Google Analytics Hunisi ve Hedefler gibi diğer analiz araçlarınızla eşleştirebilirsiniz.
Erişilebilir web siteleri
Web sitesi işletmenizin dijital mağazası veya ofisidir. Bu, 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 görseliniz veya sayfalar dolusu değerli blog içeriğiniz olabilir. Bunların hepsi, pazarlamacıların insanları ürünlerini satın almaya ikna etmek için kullanabileceği 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çeriğe yönelik 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 gerekli olduğunu bilir. Metninizi kaba ve kulağa önemli gelen (ama sonuçta anlamsız) kelimelerle süslerseniz mesajınız kaybolur. Aynı şekilde, eğer açıklamalarınızda çok kısıtlı davranırsanız, müşteri ona ne söylediğinizi anlayacak yeterli bilgiye sahip olmayabilir.
Yüksek kaliteli içerik bu iki uç arasındaki dengedir ve şaşırtıcı olmayan bir şekilde bağlantı veya bağlantı metni de aynı kurallara uyar. En iyi bağlantı metni, kullanıcıya tıkladıklarında ne bekleyebilecekleri konusunda fikir verir. Açıklayıcı bağlantı metni, harekete geçirici mesaj kopyanız için özellikle önemlidir. Kullanıcıyı “Buraya tıklayın” veya “Teknik incelememizi indirin” seçeneğine tıkladığında karşılaşacakları şey konusunda daha iyi ne hazırlayabilir? Açıkçası, ikincisi! (İlkini seçtiyseniz yeni bir kariyer yolu düşünmek isteyebilirsiniz.)
CTA’nızı havalı sözlerle yüceltmeye gerek yok (“Harry Houdini’nin büyüsüyle ilgili dünyanın en büyük teknik incelemesini indirin!”) Ancak insanların neye bulaştıklarını bilmelerini sağlamak çok önemlidir.
Bağlantı metni erişilebilirlik açısından neden bu kadar önemli? İlk olarak, sayfa içeriğine göz atarak kör insanlara veya az gören kişilere büyük ölçüde yardımcı olur. (Bu aynı zamanda kusursuz görüşe sahip kişiler için de geçerlidir.) Görme bozukluğu olan 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ör kişiler için ekran okuyucular gibi bir dizi yardımcı teknoloji kullanır. Adından da anlaşılacağı gibi ekran okuyucu, ekrandakileri kelimenin tam anlamıyla okur.
Ancak JAWS gibi ekran okuyucular, kullanıcıların tüm HTML’yi yukarıdan aşağıya doğru incelemek yerine çeşitli bileşenleri okuyarak ekranın her yerine atlamalarına olanak tanır. Bir kullanıcı bileşenden bileşene geçtiğinde, ekran okuyucu çevredeki kopyayı değil, yalnızca bağlantıların bağlantı metnini okur. Bu, tüm bağlantılarınız aynı “buraya tıklayın” kopyasıysa, ekran okuyucu kullanıcısının bu bağlantıyı takip ederse ne olacağı hakkında hiçbir fikri olmayacağı anlamına gelir; bu bağlantının neyle ilgili olduğunu anlamak için çevredeki içeriği keşfetmeye zorlanıyorlar.
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 kendisini çevreleyen bağlamın dışında okunacağı ve “burayı tıklayın” gibi şeylerin gerçek bir sorun haline geldiği yaygın bir senaryodur.
Görseller için alternatif metin
Alternatif metin veya “alternatif metin”, web sitenizin resimlerini tanımlar; böylece ekran okuyucu kullanıcısı, her web sayfasının içeriği hakkında daha kapsamlı bir fikir edinebilir. Görsel açıklama işlevi gören görselleri seçerseniz, alternatif metinden vazgeçerseniz onları göremeyen insanlar ne yapacaklarını şaşıracaklardır.
Bununla birlikte, görselleri tamamen estetik nedenlerle eklediyseniz (belki de gerçekten bilgisayarların üzerine eğilmiş insan resimlerinden hoşlanıyorsanız) ve elinizde bunlardan birkaç tane varsa, hepsine alternatif metin eklemek istemeyebilirsiniz. Ekran okuyucular her görsel için tüm alternatif metni okuyacaktır; eğer metin deneyime aktif olarak değer katmıyorsa bu durum can sıkıcı olabilir. Bir görselin dekoratif olduğu düşünülüyorsa ve sayfa içeriğine ek bir anlam/anlaşılma katmıyorsa boş bir alt özelliğ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 engelli olmayan okuyucular sayfayı gözden geçirebilir, içerikle ilgili temel bilgileri edinebilir 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ıklara yönelik en iyi uygulamaları izleyin. Başlık etiketlerini bilinçli 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 edebilseniz de, 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 kritik öneme sahiptir.
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 ve daha kısa bir metin, bilişsel bozukluğu olan kullanıcıların içeriğinizi daha iyi anlamalarına yardımcı olacak ve aynı zamanda tüm okuyucular için kafa karışıklığının en aza indirilmesine yardımcı olacaktır.
Belki de insanların dikkat sürelerinin artık Japon balıklarından daha kısa olduğunu duymuşsunuzdur? Şüpheye düştüğünüzde onu parçalayın; mümkün olduğu kadar basit hale getirin.
Renk kontrast oranları
Tamamlayıcı renkler olarak kırmızı ve yeşili kullanmanın kullanıcılarınıza hiçbir faydası olmayacağından kuruluşunuzun stil rehberinin Noel Baba tarafından tasarlanmadığını umalım. Renk kontrastı erişilebilir tasarımın önemli bir unsurudur. Az gören kişiler çok benzer renkleri ayırt etmekte zorlanabilirler ve renk körü kullanıcılar için birçok renk ayırt edilemez.
TGPi’nin ücretsiz Renk Kontrast Analizörü aracı, yeterli renk oranlarının belirlenmesinde tahmine dayalı çalışmayı ortadan kaldıracaktır. Ön plan ve arka plan renklerinizi seçmek için renk seçiciyi kullanın; CCA size kontrastın uygun olup olmadığını 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 ister e-ticaret, ister hizmet tabanlı, hatta yalnızca çevrimiçi bir vitrin olsun, büyük olasılıkla bir form içerecektir. Ancak formlar engelli kişiler için yanıltıcı olabilir. Kodlama bilgisi olmayan pazarlamacıların kolayca takip edebileceği, teknik olmayanların yanı sıra birkaç teknik husus (okuyun: geliştiricilerin uygulaması için olanlar) 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şime geçmek 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 – Kimse kafa karıştırıcı bir formdan hoşlanmaz
Girişleri doğrulayın (değişiklikleri geri alın/onaylayın) – Kullanıcıları tüm sorunlar 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ı bir form benimseyin – Daha karmaşık bir forma sahip olmanız gerekiyorsa, kullanıcıları bunaltmayacak çok sayfalı veya aşamalı bir formu 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 katar.
Galeta unu
Breadcrumb’lar, sitenizde o anda göz attığınız sayfanın büyük resimde nasıl yer aldığını görmenize olanak tanıyan bir gezinme şeklidir. Bunlar genellikle daha üst düzey sayfalara yönlendiren bağlantılardır.
Giyim satan bir e-ticaret sitesindeki kırıntı izine örnek olarak şunlar verilebilir:
Kadın > Ceketler > Yün > Bezelye mont.
Breadcrumb’lar yön bulma açısından kullanışlıdır ve kullanıcıların yolculuklarına sıfırdan başlamadan daha üst düzey sayfalara kolayca geri dönmelerine olanak tanır.
Çeşitli nedenlerden dolayı özellikle engelli kişiler için kritik öneme sahiptirler. Birincisi, bilişsel engelli kullanıcılar, belirsizliği en aza indiren kullanıcı dostu bir deneyimden her zaman yararlanacaktır. Siteniz genişliyor ve karmaşıksa içerik kırıntıları özellikle kritik öneme sahiptir. 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ın deneyimini geliştirir.
Sohbet robotları ve üçüncü taraf entegrasyonları
Pek çok web sitesi, web siteleri için sohbet robotları, açılır pencereler, 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 bu durum, bir şirketin bunu düzeltememesiyle daha da karmaşık hale gelir.
Kuruluşunuz web sitenize üçüncü taraf bir uygulamayı entegre etmeyi seçerse, eklemeden önce mutlaka bir uzmanın değerlendirme yapmasını sağlayın. Erişilebilirlik sorunlarının çoğunu uzlaştıramasanız da, en azından üstlendiğiniz riskin düzeyini anlayacaksınız. Ayrıca satıcınızdan bir sözleşmeye dahil etmek için bir erişilebilirlik beyanı veya garantisi talep edebilirsiniz (yine de uygulamadan önce doğruluğunu doğrulamak için ürünü test etmelisiniz).
Bir ek not olarak, satıcılarınıza her zaman ürünlerinin erişilebilirliğini sorun. Erişilebilir ürünler talep eden müşteri sayısı arttıkça satıcıların dinleme ve erişilebilirlik özelliklerini ürün yapılarına dahil etmeye başlama şansı da artar.
Pazarlama Uygulamaları 