Erişilebilirlik

Klavye, ekran okuyucu, düşük görme ve düşük teknoloji kullanıcıları için nasıl oluşturduğumuz. Dürüst, tarihlendirilmiş bir anlık görüntü.

Bu sayfayı sitenin geri kalanıyla aynı şekilde yazıyoruz: neyin çalıştığı, neyin çalışmadığı ve kendiniz nasıl doğrulayabileceğiniz. Erişilebilirlik hareketli bir hedef olduğu için tarihlendirilmiştir. Her büyük sürümden sonra yeniden test ediyoruz.

Resmi erişilebilirlik bildirimi

Hedeflenen standart

Tüm deneyimde WCAG 2.2 AA. Odak görünümünde (kalın yüksek kontrastlı halkalar, gizlenmemiş) ve form etiketleme + hata kurtarmada AAA muamelesi. W3C Tavsiyesi'ne göre izlenmekte, bir parafraz değil.

Son dahili denetim

2026-04-19. Kendi ekibimiz tarafından ana sayfa, print-size, /standards/ hub'ı + 9 otorite sayfası ve 45 ödeme planı açılış sayfasına karşı manuel geçiş.

Harici denetim

Sipariş edildi, rapor beklemede. /accessibility/audit/ adresinde düzeltme notlarıyla yayınlanacak, kusurlar bozulmadan, seçici değil.

Yeniden test sıklığı

Aylık nokta kontrolü + herhangi bir büyük UI değişikliğinden sonra tam manuel geçiş. Otomatik kontroller (kontrast linting, WCAG 2.2 yeni kriter taraması) her dağıtımda çalışır.

İletişim + SLA

hello@abundera.ai, erişilebilirlik raporlarını 2 iş günü içinde onaylıyor, 5 içinde değerlendiriyor ve klavye / ekran okuyucu / bilişsel engelleyicileri öncelikli sorunlar olarak ele alıyoruz (özellik çalışmasından önce gönderiliyor).

Başarı kriterine göre WCAG 2.2 AA uyumu

Aktif olarak izlediğimiz 2.2'deki yeni kriterler. Durum dahili olarak doğruladığımızı yansıtır; harici denetim bunu geçersiz kılacaktır.

Hareket ve zorla renk desteği

• prefers-reduced-motion: reduce, ortam küre yüzmesi ve solma geçişleri bastırılır. İşlevsel geçişler kısa kalır. macOS Reduce Motion ve Windows "Animasyonları göster" devre dışı ile doğrulandı.
• forced-colors: active (Windows Yüksek Kontrast Modu), odak halkaları sistem Highlight rengi kullanır; kenarlıklar sistem CanvasText'i devralır. Windows 11 High Contrast'ta Edge'de doğrulandı.

Bilinen sınırlamalar

• JAWS henüz test edilmedi. Sonraki AT turu Windows 11'de Edge'de JAWS'u hedefliyor.
• Kartvizit Tasarımcısı sürükle-bırak önizleme için tasarımda fare öncelikli. Her kontrolün klavye alternatifi var, ancak canlı geri bildirim döngüsü hâlâ görsel.
• Harici denetim raporu beklemede. Yukarıdaki tablodaki kendi kendine onaylanmış durum, rapor geldiğinde denetçinin bulgularıyla değiştirilecek.
• Bazı üçüncü taraf yardımcı teknolojiler (Dragon NaturallySpeaking, Android'de Konuşmadan metne) regresyon matrisimizde yok; topluluk raporlarını kabul ediyor ve bilet başına düzeltiyoruz.

Erişilebilirlik değişiklik günlüğü

• 2026-04-19 (PM), TalkBack canlı bölge çift tetikleme düzeltildi: #qr-preview sarmalayıcısından aria-live="polite" kaldırıldı; duyurular artık yalnızca taranabilirlik role="status" rozetinden geliyor, nesil başına bir kez. BCD modalı: renk seçiciler uygun <label for> bağlamalarını aldı; ön ayar ızgara konteyneri role="group" + aria-label aldı. Erişilebilirlik tabloları <caption> + scope="col"/"row" aldı.
• 2026-04-19 (AM), Odak göstergeleri yükseltildi (3 px + box-shadow yedeklemesi). forced-colors + prefers-reduced-motion desteği eklendi. Hedef boyutu denetimi: .saved-profile-delete, .type-search-clear, .compat-toggle-btn ≥ 28 px'e yükseltildi. Başlık seviyesi atlaması düzeltildi (vCard/MECARD alt başlıklar h4 → h3). Resmi WCAG 2.2 AA bildirimi + AT matrisi yayınlandı.
• 2026-04-18, Manuel WCAG 2.2 AA temel geçişi belgelendi. Dört sütunlu güven şeridi daha temiz hiyerarşi için daraltıldı.
• 2026-03-08, İlk /accessibility/ sayfası yayınlandı.

Taahhütlerimiz

• Tam klavye geçişi. Her oluşturucu kontrolü, her modal ve her dışa aktarma akışı fare olmadan erişilebilir.
• Görünür odak durumları. Odaklanan girdiler, düğmeler ve bağlantılar net bir halka gösterir. Yalnızca renge güvenmiyoruz.
• Her alanda etiket. Form girdilerinde ilişkili <label> öğeleri veya aria-label nitelikleri var. Yer tutucu metin asla tek etiket olarak kullanılmaz.
• QR önizleme ve bildirimler için ARIA canlı bölgeleri. Ekran okuyucular "QR oluşturuldu" ve bildirim mesajlarını tetiklendiğinde duyar, yalnızca odak onlara geçtiğinde değil.
• Yalnızca simge düğmeleri için metin alternatifleri. Her yalnızca SVG düğmesinde aria-label.
• Renkten bağımsız durum anlamı. Taranabilirlik rozetleri ve uyumluluk yongaları rengi bir glif ve metin etiketiyle eşleştirir.
• Açık dışa aktarma biçimi adları. İndirme düğmeleri "PNG İndir", "SVG İndir" vb. yazar, sadece "İndir" değil.
• Büyük mobil dokunma hedefleri. Etkileşimli öğeler WCAG 2.5.8'e göre kaba işaretçilerde en az 44 × 44 CSS piksel.
• Azaltılmış harekete saygı. Geçişler prefers-reduced-motion: reduce altında devre dışı bırakılır.

Hâlâ eksik kaldığımız yerler

• JAWS henüz test edilmedi. JAWS lisansı alındı, sonraki AT turu için test yuvası rezerve edildi. Diğer tüm büyükler (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) en son regresyonu geçti.
• Kartvizit Tasarımcısı tasarımı itibarıyla fare ağırlıklı (sürükle-bırak, tuval önizlemesi). Her kontrol için klavye alternatifleri mevcut ancak canlı önizleme geri bildirim döngüsü hâlâ görsel öncelikli. Renk kontrolleri artık uygun <label for> bağlamaları + ön ayar seçicisinde role="group" kullanıyor (2026-04-19).
• Karmaşık oluşturucu akışları (toplu CSV, çok adımlı sihirbaz) daha iyi atlatma bağlantısı yapısı kullanabilir. Planlandı.
• Açıklayıcı tablo özetleri. Erişilebilirlik + uyumluluk tablolarının artık <caption> + scope nitelikleri var (2026-04-19). Her satır için daha uzun satır düzeyi anlatı özetleri hâlâ planlanıyor.

Yardımcı teknoloji destek matrisi

Mühendislik eseri, PR bildirisi değil. Her satır, üzerinde fiziksel olarak çalıştığımız gerçek bir tarayıcı + AT + platform kombinasyonudur. Durum en son manuel geçişi yansıtır; uyarılar tam bir geçişi hâlâ engelleyen her şeyi kaydeder.

Sürüm sıklığı: matris her büyük UI değişikliğine karşı yeniden çalıştırılır. "Geçti" = engelleyici yok; uyarılar sonraki sürüm için kuyruğa alınmış kozmetik veya dar kapsamlı regresyonlar. "Test edilmedi" = kombinasyonu henüz fiziksel olarak çalıştırmadık, atlamak yerine söylüyoruz.

Klavye haritası

• Tab / Shift+Tab: odaklanabilir öğeler arasında ileri / geri hareket.
• Enter / Boşluk: düğmeleri ve geçişleri etkinleştir.
• Ok tuşları: radyo grubu içinde seçenekler arasında hareket (tür seçici, şablon seçici, sekme çubuğu).
• Escape: modalları kapat (Kartvizit Tasarımcısı, ön uçuş, baskı hizmetleri, resim kırpma).
• Home / End: taşma menüsünde ilk / son öğeye atla.

Dahili denetim, 2026-04-19

Ana sayfa, /print-size/, yeni /standards/ hub'ı + 9 otorite sayfası ve 45 ödeme planı açılış sayfasına (paylaşılan şablondan miras alan) karşı manuel WCAG 2.2 AA geçişi. Doğruladıklarımız, düzelttiklerimiz ve açık olanlar:

Geçti olarak doğrulandı

• Atlama bağlantısı hedefi mevcut, atlama bağlantısı (href="#generator") her sayfa varyantında görünür bir öğeye çözümleniyor.
• Odak görünür stiller, :focus-visible 2px anahatla global olarak bildiriliyor, artı renkli kenarlık + gölgeli girdi bazlı geçersiz kılmalar. site/css/style.c17bfd85.css 34. ve 88. satırlarda CSS denetimi ile doğrulandı.
• Tüm form girdilerinde etiket var, oluşturucu içindeki her <input> / <select> / <textarea>'nın açık bir <label for="..."> veya sarmalayan <label>'ı var. Yer tutucu-etiket olarak hiçbir yerde kullanılmıyor.
• Düğmelerin erişilebilir adları var, her <button>'un metin içeriği veya aria-label'ı var. Yalnızca SVG düğmeleri (hamburger, paylaş, yükle) hepsi aria-label taşıyor.
• Dekoratif SVG'ler gizli olarak işaretlendi, her dekoratif simgede aria-hidden="true" var, böylece ekran okuyucular geometriyi duyurmak yerine atlıyor.
• Doğru ARIA rolleri, tür seçicide role="radiogroup", her seçenekte role="radio" + aria-checked; panel sekmelerinde role="tablist" / role="tab" + aria-selected.
• Metin kontrastı, birincil metin #08090a üzerinde #f5f5f5 (≈ 17:1, WCAG AAA). Aynı arka planda soluk metin #a3a3a3 ≈ 8:1 (AAA 7:1'in üzerinde).
• Dil değiştirici'nin görünür etiketi örtük olsa da aria-label="Language"'ı var.

Bu geçişte düzeltildi

• Başlık seviyesi atlaması, vCard / MECARD ekstra alanlar bölümlerindeki üç alt başlık, aralarda <h3> olmadan <h2> altında <h4>'tü. Ekran okuyucu anahat araçları bunu "atlanan seviye" olarak işaretledi. Anahat h1 → h2 → h3 → h3 düzgün okusun diye <h3> olarak değiştirildi.

Bilinen sınırlamalar

• Axe / NVDA / VoiceOver tam tarama derleme ardışık düzeninden çalıştıramadığımız bir tarayıcı + AT gerektiriyor. Aylık tarayıcı tabanlı manuel geçiş planlandı.
• Bağımsız üçüncü taraf denetimi sipariş edildi (/accessibility/audit/ yer tutucusuna bakın). Rapor bulgu içerse bile geldiğinde yayınlanacak.
• "/" klavye kısayolu arama alanları olan sayfalarda komut paleti için hafif bir çakışma riski. Odak bir girdi dışında olduğunda yalnızca preventDefault() kullanıyoruz; belgelendi ancak henüz AT ile denetlenmedi.

Bir sorun bildirin

Klavyeyle erişilemeyen, yanlış etiketlenmiş veya kurulumunuzla başka türlü kullanılamayan bir şey varsa hello@abundera.ai adresine e-posta gönderin. Tarayıcınızı, OS'nizi, AT'nizi ve belirli akışı ekleyin. Erişilebilirlik hatalarını öncelikli sorunlar olarak ele alıyoruz.

Son inceleme: 2026-04-19. Sonraki inceleme: bir sonraki büyük UI değişikliğinden sonra.