Bileşenler
Popconfirm
Bir düğmenin yanında açılan, hafif bir işlem öncesinde evet ya da hayır soran küçük onay paneli.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Rol ve anlam
Bölüm başlığı “Rol ve anlam”Panel alertdialog rolündedir; başlık adını, açıklama açıklamasını verir. Tetikleyici aria-expanded taşır.
Klavye
Bölüm başlığı “Klavye”| Tuş | Davranış |
|---|---|
| Enter, Space | Tetikleyicide paneli açar; düğmede basar. |
| Tab, Shift + Tab | Vazgeç ve onay düğmeleri arasında gezer. |
| Escape | Vazgeçer ve kapatır; odak tetikleyiciye döner. |
Panel açılınca odak güvenli seçenek olan Vazgeç’e gider; kapanınca tetikleyiciye döner.
Ekran okuyucu
Bölüm başlığı “Ekran okuyucu”| Örnek | Okunan |
|---|---|
| Panel | “Bu kart silinsin mi?, uyarı iletişim kutusu, Bu işlem geri alınamaz.” |
| Odak | “Vazgeç, düğme” |
Kontrast
Bölüm başlığı “Kontrast”Metin yükseltilmiş yüzeyde 4.5:1; düğmeler Button kontrastını taşır.
WCAG 2.2
Bölüm başlığı “WCAG 2.2”| Ölçüt | Popconfirm nasıl karşılar | Ürün ekibi ne yapar |
|---|---|---|
| 3.3.4 Hata önleme | İşlemden önce onay ister. | Ağır işlemler için AlertDialog kullanın. |
| 2.4.3 Odak sırası | Odak Vazgeç’e gider, kapanınca geri döner. | - |
| 4.1.2 Ad, rol, değer | alertdialog, başlıkla adlandırılır. |
Başlığı soru olarak yazın. |