Web erişilebilirliği, bir web sitesinin görme, işitme, hareket veya bilişsel farklılıkları olan kişiler dâhil herkes tarafından algılanabilir, kullanılabilir ve anlaşılır olmasını sağlama pratiğidir. Erişilebilir bir site daha geniş bir kitleye ulaşır, kullanım kolaylığını herkes için artırır ve birçok pazarda yasal gerekliliklerle uyumlu olmanın da temelini oluşturur.
Erişilebilirlik çoğu zaman yalnızca görme engelli kullanıcılarla ilişkilendirilir; oysa kapsamı çok daha geniştir. Kolu alçıda olduğu için yalnızca klavye kullanan biri, gürültülü bir ortamda videoyu sessiz izlemek zorunda kalan biri ya da yaşla birlikte küçük yazıları okumakta zorlanan biri de erişilebilir tasarımdan doğrudan yararlanır. Bu rehberde erişilebilirliğin neden önemli olduğunu, uluslararası kabul gören ilkeleri ve sitenizde atabileceğiniz somut adımları ele alıyoruz.
Erişilebilirlik Neden Önemli?
Erişilebilirlik teknik bir detay değil; etik, ticari ve hukuki boyutları olan bir kalite standardıdır.
- Kapsayıcılık: İnternet bugün alışverişten kamu hizmetlerine kadar hayatın merkezinde. Erişilemeyen bir site, bir grup insanı bu hizmetlerin dışında bırakır.
- Daha geniş kitle: Engelli bireyler, yaşlı kullanıcılar ve geçici kısıtlılık yaşayanlar da potansiyel müşterilerinizdir. Erişilemeyen bir site bu kişileri rakiplerinize yönlendirir.
- Herkes için daha iyi deneyim: Net başlıklar, okunabilir metin, anlaşılır formlar ve iyi kontrast yalnızca engelli kullanıcılara değil herkese fayda sağlar.
- Yasal uyum: Pek çok ülkede kamu kurumları ve belirli sektörlerdeki şirketler için dijital erişilebilirlik yükümlülükleri bulunur. Avrupa Birliği’nde Avrupa Erişilebilirlik Yasası (European Accessibility Act), e-ticaret dâhil çeşitli dijital ürün ve hizmetler için erişilebilirlik gereklilikleri getirmiştir. Yurt dışına satış yapan işletmelerin bu düzenlemeleri kendi durumlarına göre hukuk danışmanlarıyla değerlendirmesi gerekir.
- Arama görünürlüğüne dolaylı katkı: Anlamlı başlık yapısı, açıklayıcı bağlantı metinleri ve görsellere eklenen alternatif metinler, arama motorlarının içeriği anlamasına da yardımcı olur.
WCAG ve Temel Erişilebilirlik İlkeleri
Web erişilebilirliğinde en yaygın başvuru kaynağı, W3C bünyesinde hazırlanan Web İçeriği Erişilebilirlik Yönergeleri’dir (WCAG). Yönergeler dört temel ilke etrafında düzenlenir:
| İlke | Anlamı | Örnek uygulama |
|---|---|---|
| Algılanabilir | İçerik, kullanıcının duyularından en az biriyle algılanabilmeli | Görsellere alternatif metin, videolara altyazı |
| Kullanılabilir | Arayüz farklı giriş yöntemleriyle çalıştırılabilmeli | Tüm işlevlere klavyeyle erişim, yeterli süre tanıma |
| Anlaşılır | İçerik ve arayüz davranışı anlaşılır olmalı | Açık dil, tutarlı gezinme, net hata mesajları |
| Sağlam | İçerik farklı tarayıcı ve yardımcı teknolojilerle uyumlu olmalı | Standartlara uygun, anlamsal HTML |
WCAG başarı ölçütlerini A, AA ve AAA olmak üzere üç uygunluk düzeyinde sınıflandırır. Kurumlar ve yasal düzenlemeler çoğunlukla AA düzeyini hedef olarak alır; bu düzey, erişilebilirlik çalışmasına başlayan bir site için de makul bir hedeftir.
Sitenizde Uygulayabileceğiniz Temel Adımlar
Erişilebilirlik en verimli şekilde tasarım aşamasında ele alınır. Renk paleti seçilirken kontrast, bileşenler tasarlanırken odak durumları, sayfa şablonları kurulurken başlık hiyerarşisi düşünüldüğünde sonradan yapılacak düzeltmelerin büyük kısmına gerek kalmaz. Yeni bir web sitesi tasarımı projesine başlıyorsanız, erişilebilirlik hedefini kapsam belgesine en baştan yazmak iyi bir alışkanlıktır. Mevcut bir sitede ise en çok ziyaret alan sayfalar ve iletişim ya da satın alma gibi kritik akışlardan başlamak, sınırlı kaynakla en fazla etkiyi yaratır. Aşağıdaki adımlar her iki durumda da uygulanabilir.
Anlamsal yapı kurun
Sayfada tek bir ana başlık, altında mantıklı sırayla ilerleyen alt başlıklar bulunmalıdır. Başlık etiketlerini yazı büyütmek için değil, içeriğin hiyerarşisini göstermek için kullanın. Menüler, ana içerik ve alt bilgi gibi bölümleri uygun HTML öğeleriyle işaretlemek ekran okuyucu kullanıcılarının sayfada hızla gezinmesini sağlar. Sayfanın dilini doğru tanımlamak da ekran okuyucunun metni doğru telaffuz etmesi için gereklidir.
Görsellere alternatif metin ekleyin
Bilgi taşıyan her görsele, görselin anlattığını kısa ve açık biçimde aktaran bir alternatif metin yazın. Yalnızca süsleme amaçlı görsellerde alternatif metni boş bırakmak, ekran okuyucunun gereksiz bilgi okumasını önler. Grafik ve infografiklerde temel mesajın metin olarak da sayfada yer alması en güvenli yoldur.
Klavye erişimini sağlayın
Sitedeki her bağlantı, buton, menü ve form alanı yalnızca klavye kullanılarak ulaşılabilir ve çalıştırılabilir olmalıdır. Odaklanan öğe görünür bir çerçeveyle belirtilmeli, odak sırası sayfanın görsel akışını izlemelidir. Uzun menülerin önüne “içeriğe atla” bağlantısı eklemek klavye kullanıcılarının işini büyük ölçüde kolaylaştırır. Açılır pencerelerde odak pencerenin içinde kalmalı ve pencere klavyeyle kapatılabilmelidir.
Formları erişilebilir yapın
Her form alanının görünür ve programatik olarak alanla ilişkilendirilmiş bir etiketi olmalıdır. Yalnızca alanın içinde görünen ve yazmaya başlayınca kaybolan yer tutucu metinler etiketin yerini tutmaz. Hata mesajları hangi alanda neyin yanlış olduğunu ve nasıl düzeltileceğini açıkça söylemelidir.
Ekran Okuyucular ve Bağlantı Metinleri
Görme engelli kullanıcılar siteyi sesli okuyan ya da kabartma ekrana aktaran ekran okuyucu yazılımlarla kullanır. Bu kullanıcılar sayfayı çoğu zaman başlıklar veya bağlantılar listesi üzerinden tarar. Bu yüzden “buraya tıklayın” veya “devamı” gibi bağlamdan kopuk bağlantı metinleri yerine, bağlantının nereye gittiğini tek başına anlatan ifadeler kullanılmalıdır. Özel olarak kodlanmış karmaşık bileşenlerde ARIA nitelikleri yardımcı olabilir; ancak genel kural, mümkün olan her yerde tarayıcının yerleşik HTML öğelerini tercih etmektir.
Renk, Hareket ve Medya
Bilgiyi yalnızca renkle iletmek renk körlüğü olan kullanıcıları dışlar. Bir formdaki hatayı sadece kırmızı çerçeveyle değil, bir simge ve açıklayıcı metinle de belirtmek gerekir. Metin ile arka plan arasındaki kontrast, WCAG’in tanımladığı asgari oranları karşılamalıdır. Kullanıcı yakınlaştırma yaptığında içerik bozulmamalı ve yatay kaydırma gerektirmemelidir.
- Otomatik oynayan video ve sesleri kaldırın ya da kolayca durdurulabilir yapın.
- Videolara altyazı, ses kayıtlarına metin dökümü ekleyin.
- Yanıp sönen içerikten kaçının; hareket azaltma tercihini belirten kullanıcılar için animasyonları sadeleştirin.
Test Etmek ve Sürdürmek
Erişilebilirlik otomatik araçlarla taranabilir; bu araçlar eksik alternatif metin veya düşük kontrast gibi sorunları hızla bulur. Ancak bir alternatif metnin gerçekten anlamlı olup olmadığını ya da bir akışın klavyeyle mantıklı ilerleyip ilerlemediğini yalnızca insan değerlendirmesi gösterebilir.
- Otomatik bir erişilebilirlik denetimiyle bariz sorunları listeleyin.
- Fareyi bir kenara bırakıp ana kullanıcı akışlarını yalnızca klavyeyle tamamlamayı deneyin.
- Yaygın bir ekran okuyucuyla ana sayfayı ve iletişim formunu dinleyin.
- Mümkünse engelli kullanıcılarla kullanılabilirlik testi yapın.
- Bulguları önceliklendirip çözün, yeni içerik eklerken aynı kontrolleri tekrarlayın.
Erişilebilirlik bir kerelik proje değil, sitenin her güncellemesinde korunması gereken bir standarttır. Yeni eklenen bir kampanya afişi veya eklenti, önceki çalışmaları kolayca bozabilir. Bu nedenle erişilebilirlik kontrollerini düzenli web sitesi yönetimi sürecinin parçası hâline getirmek en sürdürülebilir yoldur.
Sık Yapılan Hatalar
- Erişilebilirliği sona bırakmak: Tasarım bittikten sonra yapılan düzeltmeler hem daha zor hem daha maliyetlidir.
- Yalnızca otomatik araca güvenmek: Temiz bir tarama raporu, sitenin gerçekten kullanılabilir olduğu anlamına gelmez.
- Odak göstergesini kaldırmak: Görsel kaygılarla odak çerçevesini gizlemek klavye kullanıcılarını sayfada kaybeder.
- Tek tıkla çözüm vaat eden eklentiler: Siteye eklenen bir araç çubuğu, altta yatan yapısal sorunları çözmez.
- Görsel içinde metin kullanmak: Görsele gömülü duyuru ve fiyat bilgileri ekran okuyucular tarafından okunamaz.
Sonuç
Web erişilebilirliği, internetin herkes için açık olması gerektiği fikrinin somut karşılığıdır. Anlamsal yapı, alternatif metinler, klavye erişimi, yeterli kontrast ve anlaşılır formlarla kurulan bir site hem daha geniş bir kitleye ulaşır hem daha kaliteli bir deneyim sunar. Erişilebilirliği tasarımın başından itibaren düşünmek iyi bir UX/UI tasarımının doğal parçasıdır. Sitenizin erişilebilirlik durumunu değerlendirmek için bizimle iletişime geçebilirsiniz.