Toast

Rol ve anlam

Toaster, Base UI Toast ile role="region" ve aria-label="Bildirimler" taşıyan bir canlı bölge çizer (aria-live="polite"). Nötr, başarı, bilgi ve uyarı bildirimleri kibarca okunur. danger yüksek öncelikle gönderilir: Base UI metni görünmez bir role="alert" kopyasıyla hemen okutur ve bildirim role="alertdialog" alır. Bildirim başlığıyla adlandırılır.

Klavye

Tuş	Davranış
F6	Odağı bildirim bölgesine taşır; yeniden F6 odağı eski yerine döndürür.
Tab / Shift+Tab	Bildirimler, eylemler ve kapat butonları arasında gezer.
Enter / Space	Eylemi ya da kapat butonunu çalıştırır.
Escape	Odaktaki bildirimi kapatır.

Odak

Bildirim odağı çalmaz. Bölgeye odaklanınca yığın açılır ve süre durur. F6 odağı bölgeden önceki yerine döndürür.

Ekran okuyucu

Örnek	Okunan
Başarı	“Değişiklikler kaydedildi, Son düzenlemeniz kaydedildi.” (sırası gelince)
Hata	“Kaydedilemedi, Bağlantınızı kontrol edip yeniden deneyin.” (hemen)
Yükleniyor → başarı	“Kaydediliyor”, ardından “Değişiklikler kaydedildi”

Kontrast

Metin color-surface-raised üzerinde en az 4.5:1, durum ikonları en az 3:1 kontrast taşır. Ton yalnızca renkle değil, ikon şekli ve başlıkla da anlatılır.

WCAG 2.2

Ölçüt	Toast nasıl karşılar	Ürün ekibi ne yapmalı
2.2.1 Zamanlama ayarlanabilir	En az 5 sn; üzerine gelince ve odakta durur; hata ve eylem taşıyan bildirim kalıcıdır.	Önemli bilgiyi bildirime bırakmayın.
4.1.3 Durum mesajları	Canlı bölge, odak taşımadan okunur.	Yok.
2.1.1 Klavye	F6 ve Tab ile ulaşılır; Escape kapatır.	Yok.
2.5.7 Sürükleme hareketleri	Kaydırmanın yanında kapat butonu vardır.	Yok.
1.4.1 Rengin kullanımı	Ton ikon şekli ve başlıkla da belirtilir.	Başlığı açık yazın.