2023'te Erişilebilir Bir B2B Web Sitesi Nasıl Oluşturulur

Yıl 2023 ve bugüne kadar engelli kullanıcılar bloglara, web sitelerine ve çeşitli diğer materyallere erişmekte zorluk çekiyor. Pazarlama materyallerinin farklı yeteneklere sahip insanlara hitap etmediği açık bir kasıtsız dışlama modeli vardır.

Web sitelerinin yalnızca %3'ü engelli kullanıcıların erişimine açıktır. Erişilebilir B2B web sitelerinin sayısı daha da azdır.

Ve içerik geçiş formları ve uzun biçimli bloglar gibi benzersiz etkileşimli araçlara sahip bu sitelerle, web erişilebilirliğini sağlama ihtiyacı baskı yapıyor.

Bu blogda, web sitesi erişilebilirliğinin ne olduğunu, buna nasıl ulaşılacağını ve B2B işletmelerinin pazarın kritik ölçüde yetersiz hizmet verilen bölümlerine erişimlerini genişletmesine nasıl yardımcı olabileceğini açıklayarak boşluğu doldurmanıza yardımcı olacağız.

Web erişilebilirliği nedir ve neden önemlidir?

Web erişilebilirlik standartları ve en iyi uygulamalar, engelli kişilerin web tabanlı deneyimlere katılabilmelerini sağlar.

Bu, bir web sitesinde gezinmeyi, bir e-kitap indirmeyi, bir web seminerini izlemeyi ve daha fazlasını içerir.

Erişilebilirlik için herkese uyan tek bir yaklaşım yoktur. Pek çok engellilik türü vardır ve her birinin farklı insanlar üzerinde çok çeşitli etkileri olabilir.

Ancak, web sitesi sahipleri bu etkileri standart bir şekilde ele alabilir.

Web İçeriği Erişilebilirlik Yönergeleri (kısaca WCAG), engelli web kullanıcılarının ihtiyaçlarını karşılamak için en iyi uygulamaları belirler.

Bu yönergelere uymanız, engelli herkesin web sitenizi kullanabileceğini garanti etmez. Ancak, web sitesi sahiplerinin web deneyimlerini daha kapsayıcı hale getirmelerine olanak tanıyan ortak bir başlangıç ​​noktası sağlarlar.

WCAG ayrıca Engelli Amerikalılar Yasasına (kısaca ADA) uyumun da temelini oluşturur.
Çoğu durumda, WCAG uyumlu web siteleri aynı zamanda ADA uyumludur.

WCAG protokollerini takip etmek, ADA uyumluluğunu sağlamanın en iyi yoludur .

Her web sitesi uyumluluk göz önünde bulundurularak tasarlanmamıştır. Aslında, çok azı öyle.

Bu nedenle B2B web sitesi sahipleri, web erişilebilirliğini nasıl iyileştirdiklerini öğrenmek için bir WCAG uyumluluk denetleyicisi kullanır. Bu, WCAG uyumluluğunu elde etmekle aranızda neyin durduğunu bulmanıza yardımcı olacaktır. Optimum web erişilebilirlik durumunu elde etmek için web sitenizin ince ayar yapılması gereken alanlarını vurgulayan ayrıntılı bir rapor alacaksınız.

Engelli topluluğunun satın alma gücü

Erişilebilirlik ahlaki açıdan önemli olmakla birlikte, aynı zamanda değerli bir marka farklılaştırıcısıdır.

Küresel nüfusun yaklaşık %15'i bir tür engellilik yaşamaktadır. Engelliler ulusal veya kültürel engellerle sınırlı değildir. Gezegendeki her yerde her demografiyi etkiliyorlar.

Bu, müşteri kitlenizin kısmen engelli insanlardan oluştuğu anlamına gelir. Kessler Vakfı, engelli kişilerin Amerikan işgücünün artan bir oranını oluşturduğunu bildiriyor. Yıldan yıla eğilim, tutarlı yüzde puanlık artışlarla ivme kazanmaya devam ediyor.

Bu insanları görmezden gelmek sadece adaletsizlik değil, aynı zamanda akılsızlıktır.

B2B pazarlama stratejiniz blogunuza organik trafik çekmeye dayanıyorsa, potansiyel müşterilerinizin yaklaşık %15'ini hariç tutmanız mantıklı değildir.

Ancak bu tam olarak birçok işletmenin yaptığı şeydir.

Engelli kişiler için web erişilebilirliği, kullanıcı deneyimi için kesinlikle hayati önem taşır.

Bu kişilerin çoğu, uyumlu olmayan web sitelerini kullanmayı imkansız bulmaktadır. Herkes gibi içerikle tanışırlar, ancak içerikle etkileşime girmekten tamamen dışlanırlar.

Bu içerik, B2B alıcısının yolculuğunda çok önemli bir rol oynar.

Yapılacak doğru şey bu ve aynı zamanda karlı bir iş stratejisi.

Erişilebilir bir web sitesi nasıl oluşturulur?

Resmi WCAG 2.1 belgesi, 100 sayfadan fazla yüksek teknik web tasarımı ve etkileşim standartları içerir. Pek çok kuralı, maddesi ve şartı olan korkutucu bir belgedir.

Ancak erişilebilir bir web sitesi oluşturmak için erişilebilirlik konusunda uzman olmanıza gerek yok.
WCAG 2.1 protokollerinin çoğu, anlaşılması kolay olan bir dizi temel ilke etrafında döner.

Bunları web sitenize uygulayın ve erişilebilirlik uyumluluğu yolunda ilerlemiş olacaksınız:

Klavye gezintisine izin ver

Fare harika bir araçtır, ancak çok erişilebilir değildir. Aynısı dokunmatik yüzeyler ve dokunmatik ekranlar için de geçerlidir. Görme veya motor beceri engeli olan kişiler bu cihazları kullanamazlar.

Bunun yerine, birçok engelli kişi özel klavyeler kullanır.
Bunun gibi cihazlar, Stephen Hawking'in yanak seğirmesi gibi neredeyse her türlü fiziksel girişi bir klavye komutuna dönüştürebilir.

Benzer şekilde, JAWS gibi ekran okuma yazılımları tamamen klavye komutlarıyla çalışır. Web sitenizde klavyeyle erişilemeyen bir düğme veya özellik varsa, ekran okuyucu kullanıcıları bunu kullanamaz.

İnsanların web sitenizde gezinmesine ve yalnızca klavye komutlarını kullanarak içerik tüketmesine izin vermek, site çapında erişilebilirliği iyileştirmenin en iyi yollarından biridir.

Bu, potansiyel müşterileri yakalamak ve dönüştürmek için etkileşimli içerik (örneğin video formları) kullanan B2B web siteleri için özellikle önemlidir.

Başlık hiyerarşilerinden yararlanın

Başlıklar özellikle ekran okuyucu kullanıcıları için önemlidir.
Bu çözümler, metin içeriğini web sayfasının başlık yapısına göre gruplandırır. Bu, görme engelli kullanıcıların sayfadaki her bir kelimeyi okumak zorunda kalmadan içeriğe göz atmasına olanak tanır.

Web sayfalarınız uygun HTML başlıklarını kullanamıyorsa bunu yapamazlar.

Genellikle bu, içerik yazarları normal metin bloklarını ek normal metinle böldüğünde olur. Ayırıcı metin büyütülebilir veya kalınlaştırılabilir, ancak bu bir başlık değildir. Ekran okuyucular, bu metni sayfadaki diğer her şeyle aynı şekilde okuyacaktır.

Başlıklar, web sayfanızın yapısının bir parçasıdır. Genellikle H1'den H4'e kadar belirli bir önem hiyerarşisinde etiketlenirler. Tüm zengin metin düzenleyicileri, içerik yazarlarının bu başlıkları kullanarak metin bloklarını ayırmasına olanak tanır. Web sitenizin de aynı şeyi yaptığından emin olun.

Açıklayıcı alternatif metin ekleyin

Görüntü dosyaları, ekran okuyucu kullanıcıları için sorun teşkil eder. Bir ekran okuyucu bir resim dosyasıyla karşılaştığında, kullanıcıya resmin alt metin etiketini okuyacaktır. Alternatif metin yoksa, yazılım yüksek sesle "görüntü" diyecek ve ardından devam edecektir.

Resimlere alternatif metin eklemek, ekran okuyucu kullanıcılarının başka türlü gözden kaçırabilecekleri bağlamsal ipuçlarını anlamalarına olanak tanır. Söz konusu görselde önemli bilgiler varsa, ekran okuyucuların bu bilgileri alabileceği tek yer alt metin etiketidir.

Bu, özellikle yazılı içeriği destekleyen resimler için önemlidir. Grafikler, infografikler ve diğer açıklayıcı görseller, B2B içerik pazarlamasında hayati bir role sahiptir. Alternatif metin etiketleri, görme engelli kişilerin bu görüntüleri doğru bir şekilde anlamasını sağlar.

Bir alternatif metin etiketi ne kadar açıklayıcıysa o kadar iyidir.
Resmin değerini özetlemeye çalışın ve en başta neden seçildiğini gösterin.

Renk kontrast sanatını mükemmelleştirin

Kötü renk kontrastı, hem kullanılabilirlik hem de erişilebilirlik üzerinde çok büyük bir etkiye sahip olabilir. Kusursuz görüşe sahip kişiler bile, benzer renkli bir arka plan üzerine yazılmış metinleri kolayca okuyamaz. Erişilebilir web sitesi metni, iyi renk kontrastı sunan bir arka plana karşı ayarlanmalıdır.

Çoğu web sitesi için, gövde metninde renk kontrastı zor bir sorun değildir. Afişler, başlık metni ve sayfa başlıkları için çok daha yaygın bir sorundur. Bunun nedeni, bu metnin genellikle bir resmin üzerine yerleştirilmesidir. Metin ve görselin rengi çok benzer ise okunamaz hale gelir.

Rock Content'in ana sayfası, iş yerindeki renk kontrastına harika bir örnektir. Ana görüntünün arkasında açık mor bir parlama arka planı ve üstte siyah metin bulunur. Basit, etkili ve okuması kolay.

Web sitenizdeki renk kontrastını düzeltmek için yapabileceğiniz birkaç şey var:

Metin rengini 4,5:1 kontrast oranına sahip olacak şekilde ayarlamak en kolay çözümlerden biridir.
Birçok erişilebilir web sitesi, arka plan resimleri ve başlık metni arasında şeffaf bir kutu oluşturur. Diğerleri, başlık metnini görüntünün üstüne değil, yanına taşır.

Videoların erişilebilir olduğundan emin olun

Video pazarlama, herhangi bir modern B2B pazarlama stratejisinin temel bileşenidir. Bir ürünü sergilemek veya yeni bir teknolojiyi sergilemek istiyorsanız, seçebileceğiniz en sürükleyici format videodur.

Ancak video, engelli kullanıcılar için en zorlayıcı biçimlerden biri de olabilir. Bir hikaye anlatmak için sesli ve görsel bilgileri birleştirir ve çoğu video oynatıcının işaretle ve tıkla arayüzü vardır.

Altyazılar ve transkriptler, engelli kişilerin video içeriğinden keyif almasını sağlamada hayati bir rol oynar. Altyazılar, işitme güçlüğü çeken kişiler için idealdir, transkriptler ise ekran okuyucu kullanıcılarının da takip etmesini sağlar.

Video içeriği için klavyede gezinilebilirliği sağlamak zor olabilir. Tüm video barındırma sağlayıcıları erişilebilir bir kullanıcı deneyimi sunmaz. Transkript göndermek, bu gereksinimi atlamanıza izin verebilir, ancak video içeriğinin anlamını her zaman mükemmel bir şekilde iletmeyecektir.

Aynı şey formlar için de geçerlidir.

Video içeriğine bir form eklerseniz, formu doldurmanın kolay ve erişilebilir olduğundan emin olmalısınız. Açıkça okunabilir, klavye ile gezinilebilir ve ekran okuyucu uyumlu olmalıdır.

Güçlü 3. taraf çözümlerle uyumluluğu optimize edin

WCAG protokolleri çok sayıda teknik tasarım detayı içerir. Bunlar, belirli renk kontrast oranlarını, çalışabilirlik standartlarını, ankraj bağlantısı performansını ve daha fazlasını içerir.

Tüm bunları manuel olarak doğrulamak zor ve zaman alıcı bir süreçtir. Web sitenizin her sayfasında yüzlerce küçük teknik ayrıntıyı ezberlemeniz, kontrol etmeniz ve çapraz referans vermeniz gerekir.

Web erişilebilirlik araçları, bu görevi otomatikleştirmenize yardımcı olabilir. AccessWidget gibi araçlar, sitenizdeki erişilemeyen kodu otomatik olarak düzeltmek için AI içerir.

Ayrıca engelli web sitesi ziyaretçilerinin web sitenizin kullanıcı arayüzünü bireysel ihtiyaçlarına göre değiştirmesine olanak tanır. Bu, renk ve ekran seçeneklerini ayarlamayı, klavyede gezinmeyi etkinleştirmeyi ve ekran okuyucu teknolojisi için ayarlamayı içerir.

WCAG standardındaki her gereksinimin otomatikleştirilemeyeceğini unutmayın. Bu gereksinimlerden bazıları, içeriğin kullanıcılara "anlam" aktarma biçimiyle ilgilidir. Bunu ancak bir insan doğrulayabilir.

Erişilebilirlik devam eden bir taahhüttür

Erişilebilirlik, kontrol edilmesi gereken bir uyumluluk kutusundan daha fazlasıdır. Her engele sahip herkesin web sitenizi ve içeriğinin tamamını erişilebilir bulacağını garanti etmenin hiçbir yolu yoktur. Erişilebilirlik yolculuğunun bir kısmı, engelli insanlardan geri bildirim almayı ve uygulamayı içerir.

Bu yolculuğa ne kadar erken başlarsanız, sonuç o kadar iyi olur. Web sitenizi denetlemek ve içerik erişilebilirliğini iyileştirebileceğiniz alanları belirlemek için zaman ayırın. Engelli topluluğuna ulaşın ve onun başarısına ve entegrasyonuna yatırım yaptığınızı gösterin. Aynı şekilde cevap verecektir.

İşletmenizi çeşitli kitlelere nasıl pazarlayacağınızla ilgili daha fazla yönerge için pazarlama planlama paketimize göz atın.