Erisilebilirlik Opsiyonel Degildir

Web erişilebilirligi, engelli kisilerin web sitenizi kullanabilmesi anlamina gelir. Gorme engelli (ekran okuyucu), düşük gorme (buyutme, yüksek kontrast), motor engelli (yalnizca klavye navigasyonu) veya isitme engelli (altyazilar) kisileri icerir.

Semantik HTML Yapisi

Erisilebilirligin temeli semantik HTML'dir. Ekran okuyucular sayfa yapısıni anlamak için HTML elementlerine guvenirler. Her sayfa <header>, <nav>, <main>, <article>, <aside> ve <footer> kullanir.

Atlama Navigasyonu

Klavye kullanıcılari ana icerigi ulsamak için tum header ve navigasyondan Tab'lamak zorunda olmamali. Atlama bağlantısi sayfadaki ilk odaklanabilir elementtir.

Klavye Navigasyonu

Her etkilesimli element yalnizca klavyeyle ulasilabilir ve calistiriabilir olmalidir: görünen odak gostergeleri, Enter/Space ile acilan acilir menuler, odagi yakalayan modaller.

Renk Kontrasti

WCAG AA normal metin için minimum 4.5:1 ve büyük metin için 3:1 kontrast orani gerektirir. CSS özel özelliklerimiz hem acik hem de karanlık modda bu oranlari karsilar.

Görsel Alt Metni

JekCMS'deki her <img> etiketi bir alt ozelligi gerektirir. Medya yükleme formu kaydetmeden once gereken bir alt metin alani icerir.

Test

Klavye navigasyonu, ekran okuyucu (NVDA), tarayıcı uzantilari (axe DevTools, WAVE) ve Lighthouse erişilebilirlik denetimi (hedef puan: 95+) ile test ederiz.