Erişilebilir iletişim formları ve Avrupa Erişilebilirlik Yasası

İletişim formu çoğu zaman ziyaretçiyle işletmeniz arasındaki tek kapıdır. Bu kapı ancak fareyle, iyi görme yetisiyle ve bulanık bir resim bulmacasını çözme sabrıyla açılabiliyorsa bazı insanlar dışarıda kalır. 2025 ortasından beri bu yalnızca kullanılabilirlik konusu değildir: AB'de tüketicilere satış yapan birçok işletme için hukuki konu haline gelmiştir.

Avrupa Erişilebilirlik Yasası neleri kapsar?

Avrupa Erişilebilirlik Yasası (2019/882 sayılı Direktif (AB)), 28 Haziran 2025'ten beri uygulanmaktadır. Tüketicilere sunulan belirli ürün ve hizmetler için erişilebilirlik gereklilikleri belirler; bunlar arasında e-ticaret, tüketici bankacılık hizmetleri, e-kitaplar, elektronik haberleşme ve yolcu taşımacılığının bazı bölümleri vardır. Web sitesi için bu, müşterilerin size ulaşmak, soru sormak veya şikâyette bulunmak için kullandığı formlar dahil çevrimiçi mağazanın veya bankacılık hizmetinin tamamı demektir. Hizmet sunan mikro işletmeler muaftır: ondan az çalışanı olan ve yıllık cirosu veya bilanço toplamı en fazla EUR 2 milyon olan işletmeler. Yalnızca başka işletmelere yönelik teklifler genellikle kapsam dışındadır.

Her üye devlet direktifi ulusal hukukuna aktarmıştır. Almanya'da bu, Barrierefreiheitsstärkungsgesetz (BFSG), Polonya'da ise belirli ürün ve hizmetlerin erişilebilirlik gerekliliklerini karşılamasını sağlamaya ilişkin 2024 tarihli kanundur. Denetim makamları ve cezalar ülkeden ülkeye farklıdır; ancak teknik ölçüt büyük ölçüde aynıdır: uygulamada Avrupa standardı EN 301 549, bu da Web İçeriği Erişilebilirlik Yönergeleri'ne (WCAG) dayanır.

Hukuki yükümlülük olmadan da neden değerlidir?

İşletmeniz muaf olabilir veya yalnızca başka şirketlere hizmet veriyor olabilirsiniz. Erişilebilir formlar yine de değerlidir; nedeni basittir: yarıda vazgeçen her kişi hiç almadığınız bir taleptir. Ekran okuyucu kullanıcısına yardımcı olan düzeltmeler; trende telefonla, parlak güneş altında, bileği kırılmış halde veya ikinci dilinde form dolduran kişiye de yardımcı olur. Açık etiketler ve yararlı hata mesajları herkes için daha az terk edilen form demektir; bunların hiçbiri spam korumanızı zayıflatmaz.

WCAG 2.2 referanslarıyla pratik kontrol listesi

• Girdilerine bağlı görünür etiketler (1.3.1, 3.3.2): her alanın for/id üzerinden kendisine bağlanan görünür bir etiketi vardır. Tek başına yer tutucu bir etiket değildir; biri yazmaya başlar başlamaz kaybolur.
• Düzeltmeyi açıklayan hata mesajları (3.3.1, 3.3.3): alanı adlandırın, neyin yanlış olduğunu ve nasıl düzeltileceğini metinle söyleyin; yalnızca kırmızı kenarlıkla değil. “Lütfen name@example.com gibi bir e-posta adresi girin”, “Geçersiz girdi” ifadesinden daha iyidir.
• Tam klavye kullanımı (2.1.1, 2.1.2): her alana, onay kutusuna, CAPTCHA'ya ve gönder düğmesine Tab, Boşluk ve Enter ile, klavye tuzağı olmadan erişilebilir ve bunlar kullanılabilir.
• Görünür odak (2.4.7): hangi alanın etkin olduğunu her zaman görebilirsiniz. Tarayıcının odak çerçevesini yerine başka bir gösterge koymadan kaldırmak bu ölçütü karşılamaz.
• Yeterli kontrast (1.4.3): metinler, etiketler ve hata mesajları arka plana karşı en az 4.5:1 kontrast oranına sahiptir (büyük metinlerde 3:1).
• Hedef boyutu (2.5.8): düğmeler, onay kutuları ve bağlantılar en az 24 × 24 CSS piksel boyutundadır veya çevrelerinde yeterli boşluk vardır.
• CAPTCHA alternatifleri (1.1.1) ve erişilebilir kimlik doğrulama (3.3.8): 1.1.1, bir metin alternatifi ve CAPTCHA'nın birden fazla duyusal biçimde sunulmasını gerektirir; 3.3.8 doğrudan giriş adımlarını kapsar, ancak fikri buraya da uygulanır: bozulmuş harfleri yeniden yazmak veya bir toplamı çözmek gibi bir bulmaca tek geçiş yolu olmamalıdır. Alternatif sunun veya hiç bulmaca gerektirmeyen bir yöntem kullanın.
• Yardımcı teknolojilerden gizlenen tuzak alanlar: tuzak alanın sarmalayıcısına aria-hidden="true" ve alana tabindex="-1" eklenir; böylece ekran okuyucu ve klavye kullanıcıları bu alana hiç gelmez.

CAPTCHA'lar ve tuzak alanlar: spam korumasının erişilebilirlikle buluştuğu yer

Kesin olarak konuşursak 3.3.8 ölçütü iletişim formlarını değil, giriş ve kimlik doğrulama adımlarını ilgilendirir. Ancak ardındaki fikir buraya da uygundur: bozulmuş harfleri yazmak, bir toplamı çözmek veya resim ızgarasından trafik ışıklarını seçmek bazı insanları tamamen dışarıda bırakır. Cloudflare Turnstile, Friendly Captcha, zaman kontrolüyle birleştirilmiş tuzak alan veya Akismet gibi sunucu tarafı filtreleme gibi genellikle bulmacasız çalışan seçenekler, ziyaretçilerden bir şey kanıtlamalarını istemeden spamı dışarıda tutar. Tuzak alan ancak ekran okuyucu ve klavye kullanıcıları için de gerçekten görünmezse kullanıcı dostudur:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Bu alanı boş bırakın</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Kendi formunuzu on beş dakikada test edin

1. 1Fareyi kenara bırakın ve formun tamamını yalnızca klavyeyle doldurun. Her alana ve gönder düğmesine ulaşabiliyor musunuz, nerede olduğunuzu her zaman görebiliyor musunuz?
2. 2Formu boş, ardından yanlış bir e-posta adresiyle gönderin. Hatalar doğru alanın yanında metin olarak görünüyor mu ve ne yapılacağı açık mı?
3. 3Sayfayı telefonda açın veya tarayıcıyı %200 yakınlaştırın. Her şey okunabiliyor mu, düğmelere dokunmak kolay mı, bir çerez bildirimi veya sohbet bileşeni gönder düğmesini kapatıyor mu?
4. 4Bir ekran okuyucuyu (VoiceOver, NVDA veya TalkBack) açıp dinleyin: her alan etiketiyle birlikte seslendiriliyor mu, tuzak alan sessiz kalıyor mu?
5. 5axe-core gibi otomatik bir kontrol çalıştırın. Eksik etiketleri ve kontrast sorunlarını hızla bulur, ancak her şeyi değil; yukarıdaki manuel adımlar hâlâ gereklidir.

Genel bir bakışla başlamayı tercih ediyorsanız formexposed, hiçbir şey göndermeden herkese açık formlarınıza dışarıdan bakar. Erişilebilirlik kontrolleri her formda axe-core çalıştırır, erişilebilir alternatifi olmayan CAPTCHA'ları ve ekran okuyucuların seslendirdiği tuzak alanları işaretler ve formu telefonda inceler: dokunma hedefleri, gönder düğmesini kapatan katmanlar, yatay kaydırma. Ücretsiz kontrol genel düzeyi gösterir; bu ayrıntılar tam rapordadır. Yukarıdaki liste için iyi bir başlangıçtır; gerçek insanlarla testin yerini tutmaz.