1. WCAG 2.2 Seviye AA Uyumluluk Kriterlerimiz
Web sitemizin tasarım ve ön yüz kodlama standartlarında eksiksiz uygulanan temel erişilebilirlik kriterlerimiz aşağıda özetlenmiştir:
| Erişilebilirlik Kriteri | Uygulanan Standart | Uygulama Şekli & Teknik Çözüm |
|---|---|---|
| Renk Kontrastı | WCAG 2.2 AA (Metin ≥ 4.5:1 / Büyük Başlık ≥ 3:1) | %100 Uyumlu Açık ve Koyu temaların tüm renk değerleri kontrast denetiminden geçirilerek seçilmiştir. |
| Klavye ile Gezinme | Tam Klavye Erişimi & focus-visible Odak Halkası |
%100 Uyumlu Tüm interaktif butonlar, açılır akordiyonlar ve formlar Tab, Shift+Tab ve Enter tuşlarıyla kullanılabilir. |
| Dokunma Alanları (Target Size) | Minimum 44 × 44 piksel | %100 Uyumlu Tüm butonlar, menü tetikleyicileri ve form girdileri mobil dokunma standartlarına uygundur. |
| Ekran Okuyucu Desteği | Anlamsal HTML5 (Semantic) & WAI-ARIA | %100 Uyumlu Görsellere anlamlı alt metinleri tanımlanmış, dekoratif öğeler ekran okuyuculardan gizlenmiştir (aria-hidden). |
| Hareket Duyarlılığı | prefers-reduced-motion |
%100 Uyumlu İşletim sisteminde animasyon azaltma seçeneği aktif olan kullanıcılara statik ve yumuşak geçişler sunulur. |
| Mobil Form Yakınlaştırma Koruması | iOS Safari 16px Font Kuralı | %100 Uyumlu Form girdilerine odaklanıldığında ekranın istemsiz yakınlaşması önlenmiş, sayfa dengesi korunmuştur. |
2. Üçüncü Taraf Bileşenler ve Gizlilik Korumalı Cepheler (Facade)
Harici kaynaklı eklentilerin erişilebilirliği ve sayfa performansını düşürmemesi için özel mimari çözümler uygulanmıştır:
- Google Haritalar Modülü: Sayfa ilk açıldığında harici sunucuya veri göndermez. Kullanıcı tıklayana kadar klavye ve ekran okuyucu uyumlu güvenli bir cephe (facade) olarak çalışır.
- Video Oynatıcılar: YouTube ve video gömüleri yalnızca kullanıcı tarafından başlatıldığında yüklenir ve oynatma kontrolleri erişilebilir WAI-ARIA yönergeleriyle çevrelenmiştir.
3. Test ve Doğrulama Metodolojisi
Erişilebilirlik durumumuz periyodik olarak şu araç ve yöntemlerle test edilmektedir:
- Otomatik Denetimler: Google Lighthouse, Axe Core ve WAVE denetim araçları ile %100 erişilebilirlik skoru hedeflenir.
- Yardımcı Teknoloji Testleri: Ekran okuyucular (NVDA, VoiceOver) ile klavye odak sıralaması ve içerik hiyerarşisi düzenli taranır.
- Düşük Görme ve Büyütme Testi: Sitemiz tarayıcıda %200 yakınlaştırma yapıldığında hiçbir yatay kaydırma çubuğu ve içerik kaybı yaşanmadan yeniden akar (reflow).