- Toast bildirim arayüzü, erişilebilirlik sorunları nedeniyle artık GitHub’da önerilmiyor
- Otomatik olarak kaybolan geçici bildirim yapısı, görsel ve işlevsel erişilebilirlik ölçütlerini (WCAG) ihlal etme riski taşıyor
- GitHub, alternatif olarak banner ve dialog gibi kalıcı ve erişilebilir geri bildirim yöntemleri öneriyor
- Toast’lar; büyük ekranlar, çoklu görev kullanımı ve banner körlüğü gibi pek çok kullanılabilirlik sorununu da içeriyor
- Erişilebilirlik ve tutarlı kullanıcı deneyimi için Primer tasarım sisteminin genelinde Toast kullanımı sonlandırılıyor
Toast’lara genel bakış
- Toast, ekranın alt köşesinde kısa süreliğine beliren küçük dikdörtgen bir bildirim penceresidir; kullanıcı veya sistem eylemleriyle tetiklenir
- Belirli bir sürenin ardından otomatik olarak kaybolan bu yapı, erişilebilirlik ve kullanılabilirlik sorunlarını içinde barındırır
- GitHub bu nedenle daha güvenilir ve erişilebilir iletişim yöntemlerini öneriyor
Toast yerine alternatifler
- Kullanım amacına göre uygun arayüzün seçilmesi gerekir
- Basit başarı bildirimlerinde, ek bir geri bildirim olmadan sonuç ekranının kendisiyle doğrulama yapılabilir
- Karmaşık işlemlerde başarı durumu banner veya aşamalı içerik gösterimi ile iletilebilir
- Başarısız işlemlerde hata bilgisi banner veya dialog üzerinden sunulabilir
- Form gönderimi durumunda, basit formlarda ayrı bir onay gerekmez; karmaşık formlarda ara onay sayfası veya banner kullanılabilir
- Girdi doğrulaması için Primer’ın mevcut form doğrulama bileşenleri kullanılmalı
- Uzun süren işlemler için tamamlanma durumu banner ya da e-posta ve push bildirimleri gibi başka kanallar üzerinden iletilmeli
- Oturum eşzamansızlığı oluştuğunda, yenileme gerekliliği dialog veya banner ile bildirilmeli
Erişilebilirlik değerlendirmeleri (Accessibility Considerations)
- Toast arayüzü, çeşitli WCAG başarı ölçütlerini ihlal etme potansiyeline sahiptir
- 2.2.1 Timing Adjustable (A) : kullanıcı kapatana kadar görünür kalması gerekir
- 1.3.2 Meaningful Sequence (A) : DOM sırası ile görsel sıra arasındaki uyumsuzluk, yardımcı teknolojilerde kafa karışıklığı yaratabilir
- 2.1.1 Keyboard (A) : toast içindeki etkileşimler klavyeyle kontrol edilebilir olmalıdır
- 4.1.3 Status Messages (AA) : varlığı, yardımcı teknolojilere müdahalesiz biçimde duyurulmalıdır
- Ayrıca ihlal riski taşıyan başka ölçütler de vardır
- 1.4.4 Resize text (AA) : metin boyutu artırıldığında ekranı kapatma veya taşma riski oluşabilir
- 1.4.10 Reflow (AA) : yatay kaydırma sırasında klavye erişilebilirliğinin korunması gerekir
- 2.4.3 Focus Order (A) : odak sırasının karışma ihtimali vardır
- 3.2.4 Consistent Identification (AA) : kod tarafında tutarlılığın korunması gerekir
Kullanılabilirlik değerlendirmeleri (Usability Considerations)
- Büyük ekranlarda toast, görüş alanının dışında kalabilir ve fark edilmeyebilir
- Otomatik kapanma durumunda, kullanıcı başka bir işle meşgulse mesajı kaçırma riski vardır
- Arayüzü kapatma sorunu: toast, alttaki düğmeler gibi önemli öğelerin üzerini kapatabilir
- Ekranı büyüterek kullanan kullanıcılar, büyütülen alanın dışındaki toast’ı göremeyebilir
- Çalışma belleği sorunu: otomatik kaybolma nedeniyle bilgi tekrar kontrol edilemez
- Banner körlüğü: aşırı kullanım nedeniyle kullanıcılar bunları görmezden gelmeye eğilimli olabilir
- Konum uyumsuzluğu: tetiklenen arayüz ile toast arasındaki fiziksel mesafe, ilişkiyi anlamayı zorlaştırabilir
- Hatalı kapatma davranışı: Esc tuşunun başka arayüzleri de birlikte kapatmasına yol açabilir
Ek kaynaklar
Henüz yorum yok.