Erişilebilirlik
Klavye, ekran okuyucu, düşük görüş ve düşük teknoloji kullanıcıları için nasıl geliştirdiğimiz. Dürüst, tarihli bir anlık görüntü.
Taahhüt ettiklerimiz
- Tam klavye geçişi. Her oluşturucu kontrolü, her modal ve her dışa aktarma akışı fareye gerek kalmadan erişilebilir.
- Görünür odak durumları. Odaklanan girişler, düğmeler ve bağlantılar net bir çerçeve gösterir. Yalnızca renge güvenmiyoruz.
- Her alanda etiketler. Form girişlerinde ilişkili
<label>öğeleri veyaaria-labelnitelikleri bulunur. Yer tutucu metin asla tek etiket olarak kullanılmaz. - QR önizleme ve bildirimler için ARIA canlı bölgeleri. Ekran okuyucular, odak onlara taşındığında değil, ateşlendiklerinde "QR oluşturuldu" ve bildirim mesajlarını duyar.
- Yalnızca simgeli düğmeler için metin alternatifleri. Her SVG yalnızca düğmede
aria-label. - Renkten bağımsız durum anlamı. Taranabilirlik rozetleri ve uyumluluk çipleri rengi bir glif ve metin etiketiyle eşleştirir.
- Açık dışa aktarma biçim adları. İndirme düğmeleri yalnızca "İndir" değil, "PNG İndir", "SVG İndir" vb. der.
- Büyük dokunma hedefleri (mobil). WCAG 2.5.8 uyarınca kaba işaretçilerde etkileşimli öğeler en az 44 × 44 CSS pikseli boyutundadır.
- Azaltılmış hareket saygısı.
prefers-reduced-motion: reducealtında geçişler devre dışı bırakılır.
Hâlâ eksik kaldığımız yerler
- Ekran okuyucu test kapsamı düzensiz. Oluşturucu, VoiceOver (macOS/iOS) ve NVDA ile test edildi. JAWS ve TalkBack daha fazla zaman gerektiriyor.
- Business Card Designer tasarımı itibarıyla fareye bağımlı (sürükle-bırak konumlandırma, tuval önizleme). Her kontrol için klavye alternatifleri mevcut; ancak canlı önizleme geri bildirim döngüsü hâlâ görsel önceliklidir.
- Karmaşık oluşturucu akışları (toplu CSV, çok adımlı sihirbaz) daha iyi atlama bağlantısı yapısından yararlanabilir. Planlandı.
- Uyumluluk matrisimiz şu an HTML tabloları olarak sunuluyor. Ekran okuyucu sütun başlıkları çalışıyor; ancak her satır için daha uzun açıklayıcı özetler eklemek istiyoruz.
Test edilen tarayıcılar ve yardımcı teknolojiler
Son tam geçiş: Nisan 2026. Geçişler arasında önemli UI değişikliklerinin ardından nokta kontrolleri yapıyoruz.
| Tarayıcı | YT | Platform | Durum |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | Test edildi, geçiyor |
| Firefox | NVDA | Windows 11 | Test edildi, geçiyor |
| Chrome | NVDA | Windows 11 | Test edildi, geçiyor |
| Chrome | ChromeVox | ChromeOS | Nokta kontrol |
| Chrome | TalkBack | Android 14, 15 | Nokta kontrol |
| Edge | Narrator | Windows 11 | Nokta kontrol |
| Safari | JAWS | Windows 11 | Henüz test edilmedi |
Klavye haritası
- Tab / Shift+Tab: odaklanılabilir öğeler arasında ileri / geri hareket eder.
- Enter / Space: düğmeleri ve geçiş öğelerini etkinleştirir.
- Ok tuşları: bir radyo grubu içindeki seçenekler arasında hareket eder (tür seçici, şablon seçici, sekme çubuğu).
- Escape: modalleri kapatır (Business Card Designer, ön kontrol, baskı servisleri, görüntü kırpma).
- Home / End taşma menüsünde ilk / son öğeye atlar.
Sorun bildirin
Klavyeyle erişilemeyen, yanlış etiketlenmiş veya kurulumunuzla kullanılamayan bir şey varsa hello@abundera.ai adresine e-posta gönderin. Tarayıcınızı, işletim sisteminizi, yardımcı teknolojinizi ve ilgili akışı belirtin. Erişilebilirlik hatalarını öncelikli sorunlar olarak ele alıyoruz.