SaaS Web Sitesi Erişilebilirlik Kontrol Listesi

Web sitesi erişilebilirliği nedir?

Web erişilebilirliği, herkesin SaaS web sitenizin içeriğine erişmesini, tüketmesini ve bunlarla etkileşim kurmasını sağlamakla ilgilidir. Erişilebilir bir web sitesi, kullanıcının fiziksel veya zihinsel yeteneği ne olursa olsun, tüm kullanıcıları tüm cihazlarda barındıran bir web sitesidir.

Erişilebilirlik, hem SaaS web siteniz hem de ürününüz için modern kullanıcı deneyimi tasarımının hayati bir parçasıdır. World Wide Web Konsorsiyumu (W3C) tarafından Web İçeriği Erişilebilirlik Yönergeleri (WCAG) 2.1'in en son yinelemesi, web içeriğini daha erişilebilir hale getirmek için çok çeşitli önerileri kapsar.

SaaS web sitenizi neden erişilebilir hale getirmelisiniz?

SaaS çözümünüzün maksimum kullanıcı sayısına ulaşmasını istiyorsunuz. Ama tahmin et ne oldu? Hedef kitlenizin büyük bir kısmı muhtemelen renk körlüğü, okuma güçlüğü, işitme bozukluğu vb. gibi bir engel ile yaşıyor.

• Dünya Sağlık Örgütü'ne göre, bir tür engeli olan insanlar dünya nüfusunun %15'ini oluşturuyor.
• Amerika Birleşik Devletleri'nde dört yetişkinden biri - ya da 61 milyon insan - engelli.

SaaS web sitenizi daha erişilebilir hale getirmek yalnızca yapılacak doğru şey değil, aynı zamanda bunu yapmamak, daha ürününüzü tanıtma şansınız bile olmadan potansiyel müşterileri geri çevirdiğiniz anlamına gelir.

Ayrıca, SaaS'ınızı erişilebilir kılmamak, maliyetli davaları çekebilir.

• 2018, Federal ADA davalarında 2017'ye göre %181'lik bir artış gördü.
• Web sitelerine, uygulamalara ve videolara engelli kişilerin erişemediğini iddia eden davaların sayısı 2021'in ilk yarısında 2020'ye kıyasla %64 arttı.

Erişilebilir web tasarımının 4 temel ilkesi

Web İçeriği Erişilebilirlik Yönergeleri dört ilke etrafında düzenlenmiştir:

• Algılanabilir: Görsel, işitme veya duyu engeli olan ziyaretçiler içeriği (ekran okuyucu, altyazılar, dökümler veya diğer yardımcı teknolojiler aracılığıyla) tüketebilir.
• Çalıştırılabilir: Ziyaretçiler, fare kullanamayan biri için klavye kısayolları gibi tercih ettikleri kontrollerle web sitesini çalıştırabilir.
• Anlaşılabilir: Web sitesi arayüzü, epilepsi veya otizm gibi bilişsel engelleri olan kullanıcılar için anlaşılabilir.
• Sağlam: Web sitesi tarayıcılar arası, platformlar arasıdır ve mevcut yardımcı teknolojiyle uyumludur.

WCAG erişilebilirlik seviyeleri

Üç erişilebilirlik uyumluluğu düzeyi vardır (A, AA ve AAA), A düzeyi yerine getirilen minimum gereksinimler (tamamen erişilebilir değil) ve AAA en optimize erişilebilirlik düzeyidir.

• A Düzeyi: Minimum gereksinimleri karşılayan en düşük erişilebilirlik düzeyi. Birçok engelli kullanıcı grubu, bu tür web sitelerindeki içeriğe erişmeyi zor veya imkansız bulacaktır.
• AA Düzeyi: Daha yüksek bir erişilebilirlik düzeyi. Bazı kullanıcı grupları bu tür web sitelerindeki bilgilere erişmeyi zor bulacaktır. Bu düzeye ulaşmak, engelli kullanıcılar için web içeriğine erişmenin önündeki büyük engelleri kaldıracaktır.
• AAA Düzeyi: En yüksek erişilebilirlik düzeyi. Bu kriterlerin karşılanması, engelli bireyler için en uygun kullanıcı deneyimini sağlayacaktır.

14 noktalı bir SaaS web sitesi erişilebilirlik kontrol listesi

Bu kontrol listesi kapsamlı değildir, ancak SaaS web sitenizi daha erişilebilir ve uyumlu hale getirmek için göz önünde bulundurmanız gereken öncelikli unsurları kapsar:

• H1, H2, vb.'nin doğru kullanımı ile net bir HTML başlık yapısı oluşturun.
• Sayfadaki köprüleri kullanıcı dostu yapın:
  • Satır içi bağlantılı metnin altını çizin ve içeriğin geri kalanından farklı bir renge sahip olun.
  • “Buraya tıklayın” yerine “Ücretsiz erişilebilirlik kılavuzumuzu indirin” gibi açıklayıcı bir bağlantı metni yazın.
• İçeriğin ekran okuyucular gibi yardımcı teknolojiler kullanan kişiler tarafından kullanılabilmesi için tüm resimler ve tablolar için açıklayıcı bir alternatif metin ekleyin.
• Video ve ses içeriği için altyazıların, gömülü altyazıların veya en azından metin dökümlerinin bulunduğundan emin olun.
• Renkleri dikkatli kullanın:
  • Çeşitli öğeler (metin ve düğmeler gibi) ile arka plan arasında yeterli renk kontrastına sahip olun.
  • Kullanıcılara bilgi iletmek için renklerin tek başına kullanılmadığından emin olun.
  • Çizelgelerde, grafiklerde vb. görsel farklılıkları belirtmek için desenler veya dokular kullanın.
• Karakterlerin birbirinden kolayca ayırt edilebileceği ve yazı tipinin harfler arasında yeterli boşluk bırakacağı erişilebilir yazı tiplerini seçin.
• Sayfa tüm tarayıcılarda beklendiği gibi çalışmaya devam ederken metni kolayca yeniden boyutlandırma yeteneği sağlayın.
• SaaS web sitenizi klavye dostu yapın:
  • Web sitenizin tüm bölümlerine yalnızca klavye tuşlarını kullanarak fare olmadan erişilebildiğinden emin olun. Mouse ile yapılabilen tüm işlemler klavye ile de yapılabilmektedir.
  • Yalnızca menüdeki gerekli kategoriler dahil olmak üzere, web sitenizin gezinmesini sezgisel ve özlü tutun.
  • Kullanıcının halihazırda seçmiş olduğu etkin öğeyi tam olarak belirleyen görünür bir odak göstergesi gösterin.
• Formlarınızı erişilebilir hale getirin:
  • Net sınırlar ve sınırlar tanımlayın.
  • Hangi verilerin girilmesi gerektiğini açıklamak için form öğelerinizi etiketleyin.
  • Gerekli form alanlarını gerekli olarak işaretleyin.
  • Yardımcı hata mesajları verin.
• Zaman sınırı olan sayfalar için, kullanıcıların sınırı ayarlamasına veya kapatmasına izin verin.
• Metin içeriğinin dilbilgisi açısından doğru olduğundan ve okunabilirliği ve anlaşılmasına yardımcı olmak için sade bir dille yazıldığından emin olun. Bir sözlükte kısaltmaları veya olağandışı kelimeleri tanımlayın.
• Sayfada saniyede üç defadan fazla yanıp sönen herhangi bir öğeye sahip olmayın.
• Sayfa öğelerinin amacını etkili bir şekilde tanımlamak için anlamsal HTML öğelerini kullanın.
• Şirketinizin hedef erişilebilirlik düzeyini ve ADA uyumluluğunu sağlama çabalarını belirten bir erişilebilirlik bildirimi yayınlayın.

Özenle seçilmiş ücretsiz erişilebilirlik değerlendirme araçları

Web sitenizin erişilebilirliğini değerlendirmek için kullanabileceğiniz birçok ücretsiz araçtan bazıları şunlardır:

• WAVE : Yazarların web içeriklerini engelli bireyler için daha erişilebilir hale getirmelerine yardımcı olan bir değerlendirme araçları paketi.
• WebAccessibility.com : SaaS web sitenizin WCAG ile ne kadar uyumlu olduğunu görebilmeniz için 100 üzerinden genel bir W3C uyumluluk puanı alın.
• SortSite : Web sitenizi WCAG erişilebilirlik standartlarına ve Rehabilitasyon Yasası'nın 508. Erişilebilirliği, bozuk bağlantıları, tarayıcı kodu uyumluluğunu, arama motoru optimizasyonunu ve diğer kullanılabilirlik sorunlarını kontrol eder.
• aCe by accessiBe : Web sitenizin ADA & WCAG uyumlu olup olmadığına anında ve doğru yanıt veren tam otomatik bir erişilebilirlik aracı.

Bu kontrol listesini faydalı buldunuz mu? İşte iş arkadaşlarınızla ve ağınızla paylaşabileceğiniz kullanışlı bir bilgi grafiği sürümü.