ALLY: Tasarımcılar için Kullanıcı Arayüzü Erişilebilirlik Kontrol Listesi

✅ Herkesin erişebileceği dijital ürünler tasarlamak çok önemlidir. Tasarımlarımızı erişilebilir kılarak daha kapsayıcı bir dünya yaratıyoruz. Erişilebilirlik için tasarım yaparken akılda tutulması gereken ipuçları ve eylemler şunlardır:

Yardımcı teknoloji:

Yardımcı teknoloji, engelli kişilerin işlevsel yeteneklerini geliştirmeye, sürdürmeye veya iyileştirmeye yardımcı olan işitme cihazları, büyütme araçları ve ekran okuyucular gibi cihazlardır.

Ekran Okuyucular:

Android'de Google'ın TalkBack'i, iOS'ta Apple'ın VoiceOver'ı ve masaüstünde Freedom Scientific'in JAWS'ı gibi ekran okuyucu erişilebilirlik yazılımları. Ekran okuyucular, görünür ve görünmez alternatif metin dahil olmak üzere ekrandaki metni ve öğeleri (düğmeler gibi) yüksek sesle okur.

Metin ve Tipografi:

• Metnin ve metin resimlerinin görsel sunumu, en az 4,5:1 (AA Düzeyi) yeterli kontrast oranına sahiptir.
• Okunması kolay yazı tiplerini kullanın ve dekoratif ya da bitişik yazı tiplerinden kaçının.
• Disleksisi olan kişiler için metnin okunmasını zorlaştıracağı için tamamı büyük harf kullanmaktan kaçının .
• Okunabilirliği artırmak için uygun yazı tipi boyutunu ve satır aralığını kullanın.
• Anlamı iletmek için tek başına renk kullanmaktan kaçının.

• Bilgi aktarmanın tek yöntemi olarak renge güvenmeyin.
• Metin ve arka plan renkleri arasında yeterli kontrast olduğundan emin olun. İşte yardımcı bir araç:https://webaim.org/resources/contrastchecker/
• Renk körlüğü olan kişilerin erişebildiğinden emin olmak için tasarımınızı renk körlüğü simülatörleri kullanarak test edin.

• Navigasyonun kullanımının kolay ve sezgisel olduğundan emin olun. Odaklanabilir bileşenlerin (kontroller, giriş alanları, düğmeler, bağlantılar) anlam ve çalışabilirliği sağlayan bir sırayla odaklandığı bir odak sırasına sahip olmalısınız (bununla ilgili daha fazla bilgiyi burada bulabilirsiniz).
• Örneğin, kullanıcı arama çubuğuna tıkladığında, odaklanmış duruma (durum) girer. Giriş alanı, klavyede girilenleri alır ve yazdığınız karakterleri görüntüler. Aynı etkileşimi klavye kullanıcıları için etkinleştirmelisiniz.
• Tüm bağlantılar ve düğmeler için net ve açıklayıcı etiketler kullanın.
• Ekran okuyucular için klavye kısayolları ve destek sağlayın.
• Tüm resimler ve metin olmayan içerik için açıklayıcı alternatif metin kullanın.

• Tüm form alanları için net ve özlü etiketler kullanın.
• Form alanları için uygun giriş türlerini kullanın (örn. e-posta, telefon vb.).
• Uygun hata mesajlarını kullanın ve renk, yazı tipi ağırlığı veya metin altını çizerek form gönderimi hakkında net geri bildirim sağlayın.
• Formda kolayca gezinilebilir olduğundan ve yalnızca klavye gezintisi kullanılarak doldurulabileceğinden emin olun.
• Tasarım odağı, minimum 3:1 kontrast oranıyla zıt alanlara sahip olduğunu belirtir. Buna kontrast alanı denir (aşağıya bakın).

• Tüm ses ve video içeriği için dökümler veya altyazılar sağlayın.
• Ses ve video kontrollerinin erişilebilir ve kullanımının kolay olduğundan emin olun.
• Multimedya içeriği için alternatif biçimler sağlayın (örneğin, video içeriği için sesli açıklama).
• Geliştiriciler için: Ne olduklarını açıklamak için resimler ve multimedya için aria-labels ve Alt etiketlerini kullanın. Semantiğe bağlı olarak bu, ekran okuyucuların bunları atlamamasını sağlar.
• Alternatif metin, görsel bir kullanıcı arayüzünü metin tabanlı bir kullanıcı arayüzüne çevirir. Alternatif metin, kodu göremeyen kullanıcılar için bir görseli tanımlayan kısa bir etikettir (en fazla 125 karakter).

• Tasarımın mobil cihazlar için optimize edildiğinden emin olun.
• Düzenin farklı ekran boyutlarına uyum sağlaması için duyarlı tasarım kullanın.
• Dokunma hedeflerinin kolayca etkinleştirilebilecek kadar büyük olduğundan emin olun. Alan Android için en az 44x44 piksel ve 48x48dp olmalıdır. Daha fazla detay burada

Erişilebilirliği göz önünde bulundurarak tasarlamak kolay bir iş değildir. Empati kurarak başlayın — Uç durumları göz önünde bulundurun ve ürününüzü kullanmak için farklı yetenekleri tanıyın. Bu kontrol listesi, Erişilebilirlik standartlarının eksiksiz bir listesi değil, bir başlangıç ​​noktasıdır, bu nedenle lütfen aşağıdaki bağlantılara göz atın.

Bu erişilebilirlik kontrol listesini takip ederek, tasarımlarını daha kapsayıcı ve engelli olanlar da dahil olmak üzere daha geniş bir kullanıcı yelpazesi için erişilebilir hale getirebilirsiniz. Bu, tüm kullanıcılar için kullanıcı deneyimini iyileştirebilir ve daha kapsayıcı ve erişilebilir bir dijital ortam yaratılmasına yardımcı olabilir.

Ek Okuma ve Kaynaklar:

https://m2.material.io/design/usability/accessibility.html

https://design.gitlab.com/accessibility/keyboard-only

https://web.dev/focus/

https://www.sarasoueidan.com/blog/focus-indicators/