WCAG ve yasalara göre erişilebilir web siteleri için gereklilikler nelerdir?

Semy WEB GbR | Jun 21 2025 - 12:09 pm CEST

WCAG ve yasalara göre erişilebilir web siteleri için gereklilikler nelerdir?

Önceki makalemizde engelsiz web sitelerinin ne olduğunu tanımlamıştık. Şimdi ise bir sitenin ne ölçüde engelsiz olduğunu belirlemenin kriterlerine göz atalım.

Engelsizlik iki kısımdan oluşur: görünür (vizüel) ve görünmeyen kısımlar.

Görünür kısım, sitenin görsel yönlerini değiştiren tüm ayarları kapsar. Görünmeyen kısım ise görünürde herhangi bir değişiklik yaratmayan ancak erişilebilirlik açısından önemli olan ayarları içerir.

Engelsizlik Kontrol Listesi

WCAG'ye göre erişilebilir web siteleri için temel gereksinimler

🔴 Kontrast: Tüm metinler yeterli şekilde görünür olmalı ve yazı ile arka plan rengi arasında en az 4,5:1 oranında bir renk kontrastı olmalıdır (büyük yazılar için en az 3:1).
🔠 Yazı boyutu: Standart metinler en az 16 piksel olmalı ve görme engeli olan kullanıcılar için kolayca ölçeklenebilir olmalıdır.
✏️ Alternatif metinler: Sitede kullanılan her görselin, ekran okuyucular tarafından okunabilecek alternatif bir metni olmalıdır.
📱 Duyarlılık: Web sitesi tüm cihazlarda düzgün görüntülenebilmelidir.
↕️ Klavye ile gezinme: Tüm işlevler yalnızca klavye kullanılarak, fare olmadan erişilebilir olmalıdır.
📶 Doğru HTML yapılandırması: Sayfa bölümleri arasında mantıklı sırayla gezinmeyi sağlamak için gereklidir.

Elbette gereksinimler bunlarla sınırlı değil, ancak bu temel ilkelerin uygulanması bile web sitesinin kullanılabilirliğini büyük ölçüde artırır ve erişilebilirliğe önemli ölçüde katkı sağlar.

WCAG Standartlarına Uyum Seviyeleri

Seviye A: Temel düzey — örneğin alternatif metinler ve doğru HTML yapısı.

Seviye AA: Gerekli düzey — örneğin renk kontrastı, duyarlı tasarım, etiketli formlar.

Seviye AAA: Gönüllü düzey — özel içerikler için uygundur.

Önemli:

Bir web sitesinin WCAG Seviye AA standardına uyması gerekir, böylece Engellilik Erişimi Geliştirme Yasası’na (BFSG) uygun hale gelir.

Bir web sitesini nasıl engelsiz hale getireceğinizi bir sonraki makalemizde öğrenin:

Web sitesini engelsiz hale getirme yolları