Web sitesi erişilebilirliği: neden önemli ve nereden başlamalı?

Dünya genelinde yaklaşık her altı kişiden biri ciddi bir engelle yaşıyor. Çok daha fazlası ise geçici ya da duruma bağlı kısıtlamalar yaşıyor: kırık bir kol, parlak güneş altında küçük bir telefon ekranı ya da gün sonunda yorgun gözler. Erişilebilir bir web sitesi hepsi için çalışır ve genellikle diğer herkes için de daha iyi çalışır.

Erişilebilirlik işletmen için neden önemli?

• Daha fazla müşteri: insanlar sitende okuyamaz, gezinemez ya da satın alamazsa rakibine giderler.
• Daha iyi SEO: net başlıklar, açıklayıcı bağlantılar ve görsel açıklamaları arama motorlarının sayfalarını anlamasına yardımcı olur.
• Yasal gereklilikler: Avrupa Erişilebilirlik Yasası kapsamında AB ve ADA kapsamında ABD dahil birçok ülkede, halka satış yapan web sitelerinin erişilebilir olması giderek daha fazla bekleniyor.
• Daha güçlü bir marka: kapsayıcı bir web sitesi her müşterini önemsediğini gösterir.

İzlenecek standart

Web İçeriği Erişilebilirlik Yönergeleri (WCAG) uluslararası referanstır. Çoğu işletme WCAG 2.1 veya 2.2'nin AA seviyesini hedefler. Yönergeler dört ilke etrafında şekillenir: içerik algılanabilir, kullanılabilir, anlaşılabilir ve sağlam olmalıdır.

Bugün kontrol edebileceğin hızlı kazanımlar

1. Metin alternatifleri: anlam taşıyan her görselin kısa bir açıklaması (alt metni) olur. Dekoratif görsellerin alt metni boş bırakılır, böylece ekran okuyucular onları atlar.
2. Renk kontrastı: metin, kolayca okunabilmesi için arka planına göre yeterince koyudur. Beyaz üzerine açık griden kaçın.
3. Sıralı başlıklar: her sayfada bir ana başlık, ardından mantıklı bölüm başlıkları olur; böylece ekran okuyucu kullananlar sayfada hızla gezinebilir.
4. Açıklayıcı bağlantılar: "buraya tıklayın" yerine "Fiyat listesini indir".
5. Klavye kullanımı: her menü, buton ve form, görünür bir odak çerçevesiyle Tab ve Enter tuşları kullanılarak kullanılabilir.
6. Etiketli formlar: her alanın görünür bir etiketi vardır ve hata mesajları sorunun nasıl düzeltileceğini açıklar.
7. Yakınlaştırma ve metin boyutu: sayfa yüzde 200 yakınlaştırıldığında da düzgün çalışır.
8. Altyazılar: videoların altyazısı, seslerin ise metin dökümü vardır.

Sık yapılan hatalar

• Görsellerin içine yerleştirilmiş metinler; ekran okuyucular bunları okuyamaz ve boyutları ölçeklenmez.
• Klavye kullanıcılarını içine hapseden ya da kapatılamayan açılır pencereler.
• Erişilebilir bir adı olmayan, yalnızca simgeden oluşan butonlar.
• Bir şeyi yalnızca renkle göstermek; örneğin hiçbir mesaj olmadan hatayı kırmızıyla belirtmek.
• Sitenin kendisini düzeltmek yerine "erişilebilirlik katmanı" (overlay) eklentilerine güvenmek. Bunlar gerçek sorunları nadiren çözer.

Web siteni nasıl test edersin?

Belirgin sorunları bulmak için Google Lighthouse veya WAVE gibi ücretsiz araçlarla başla. Ardından kendi siteni yalnızca klavyeyle ve telefonunda ya da bilgisayarında yerleşik olan ekran okuyucuyla dene. Otomatik araçlar sorunların yaklaşık üçte birini yakalar; bu yüzden ödeme ve iletişim formları gibi önemli sayfalar için deneyimli birinin manuel incelemesine değer.

Bunu sürecin bir parçası yap

Erişilebilirlik en kolay, en baştan yerleşik olduğunda sağlanır: tasarımda, kodda ve yayınladığın her yeni sayfada. Sonradan düzeltmek mümkündür ama daha pahalıya mal olur.