Varsayılan Olarak Erişilebilir Arayüzler Kurmak

Erişilebilirlik ürün kalitesidir

Erişilebilirlik sıkça son bir uyumluluk geçişi olarak ele alınır. O zamana kadar temel seçimler—bileşen semantiği, odak sırası, renk sistemleri, navigasyon yapısı ve hareket—onarımı pahalıdır. Erişilebilirliği doğru varsayılanın her yerde yeniden kullanılabileceği tasarım ve bileşen geliştirme sırasında bir kısıt olarak ele alın.

Amaç ayrı bir basitleştirilmiş deneyim değildir. Bilgi ve eylemlerin farklı girdi yöntemleri, görme, işitme, biliş, dil ve cihaz koşulları boyunca kullanılabilir kaldığı bir arayüzdür. Bu iyileştirmeler sıkça her kullanıcıya, özellikle stres altında veya kusurlu ortamlarda yarar sağlar.

Yerel semantikle başlayın

Yapı için başlıklar, eylemler için düğmeler, navigasyon için bağlantılar, kontroller için etiketler ve ilgili öğeler için listeler kullanın. Yerel öğeler, özel kapsayıcıların aksi halde yeniden yaratması gereken klavye davranışı, erişilebilirlik rolleri ve platform beklentilerini getirir.

ARIA ilişkileri ve dinamik durumu netleştirebilir ama alttaki davranışı yanlış olan bir etkileşimi onaramaz. Öngörülebilir bir sekme sırası kurun, görünür odağı koruyun ve her işaretçi etkileşiminin bir klavye eşdeğeri olsun. Mobilde anlamlı erişilebilirlik etiketleri sağlayın ve içeriği duyurulması gerektiği şekilde gruplayın.

• Mantıksal bir başlık hiyerarşisini koruyun
• Yalnızca ikonlu kontrollere erişilebilir bir ad verin
• Anlamı yalnızca renkle kodlamayın
• Dokunma hedeflerini rahat boyutlarda tutun

Değişim sırasında odağı yönetin

Tek sayfa navigasyonu, diyaloglar, çekmeceler ve animasyonlu geçişler arayüzü tam belge yüklemesi olmadan değiştirir. Klavye ve ekran okuyucu kullanıcılarının yeni bağlamın nerede başladığını anlaması için odağı bilinçli taşıyın. Geçici bir yüzey kapandığında odağı tetikleyen kontrole geri yükleyin.

Gerçek bir modal etkileşim dışında odağı tuzağa düşürmekten kaçının. Önemli asenkron sonuçları ölçülü live region'larla duyurun ve yardımcı teknolojiyi rutin görsel güncellemelerle boğmayın. Duyuru neyin değiştiğini ve kullanıcının hareket etmesi gerekip gerekmediğini yanıtlamalıdır.

Görsel ve hareket tercihlerine saygı gösterin

Metin ve etkileşimli kontroller yer tutucular, devre dışı kontroller, kenarlıklar ve hover göstergeleri dahil her tema ve durumda yeterli kontrasta ihtiyaç duyar. Eylemleri kırpmadan veya gizlemeden yakınlaştırmayı ve metin yeniden boyutlandırmayı destekleyin. Duyarlı tasarım sabit etiketler varsaymak yerine içeriğe uyum sağlamalıdır.

Hareket sürekliliği iletebilir ama rahatsızlık da yaratabilir. Azaltılmış hareket tercihlerine saygı gösterin ve yönelimi koruyan daha basit bir geçiş sağlayın. Kritik bilgiyi asla yalnızca bir animasyon veya hover durumunda kullanılabilir kılmayın.

İnsanlarla ve araçlarla test edin

Otomatik kontroller eksik adları, geçersiz ilişkileri ve birçok kontrast sorununu yakalar; bu yüzden sürekli entegrasyonda değerlidirler. Odak hareketinin anlaşılır olup olmadığını, ekran okuyucu ifadesinin yararlı olup olmadığını veya bir iş akışının bilişsel olarak yorucu olup olmadığını yargılayamazlar.

Anahtar yolculuklarda düzenli olarak yalnızca klavye, bir ekran okuyucu, yakınlaştırma ve yüksek kontrast ayarlarıyla gezin. Araştırmaya ve teste engelli kullanıcıları dahil edin. Erişilebilirlik, bulgular yalnızca sorunun keşfedildiği sayfayı değil paylaşılan bileşenleri ve tasarım kurallarını iyileştirdiğinde olgunlaşır.