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ü.

Bu sayfayı sitenin geri kalanıyla aynı şekilde yazıyoruz: neyin işe yaradığı, neyin yaramadığı ve bunu kendiniz nasıl doğrulayabileceğiniz. Erişilebilirlik hareketli bir hedef olduğundan tarih belirtiyoruz. Her büyük sürümün ardından yeniden test ediyoruz.

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 veya aria-label nitelikleri 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: reduce altı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.

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.

Son inceleme: 2026-04-16. Sonraki inceleme: bir sonraki büyük UI değişikliğinin ardından.