Bileşenler
Timeline
Bir ray boyunca sıralı olaylar: işaret, başlık, zaman ve isteğe bağlı ayrıntı.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Rol ve anlam
Bölüm başlığı “Rol ve anlam”Timeline sıralı bir listedir (ol); aria-label ya da aria-labelledby ile adlandırın. Zaman dateTime verildiğinde <time datetime> içindedir. İşaretler ve ray aria-hidden taşır; ton ekran okuyucuya okunmaz, bu yüzden sonuç başlıkta yazmalıdır.
Klavye
Bölüm başlığı “Klavye”| Tuş | Davranış |
|---|---|
| Tab | Olayların içindeki bağlantı ve düğmelere; liste kendisi odak almaz. |
Timeline odak taşımaz. Yeni olaylar eklendiğinde ayrıca duyurmak gerekiyorsa bir durum bölgesi kullanın.
Ekran okuyucu
Bölüm başlığı “Ekran okuyucu”| Örnek | Okunan |
|---|---|
| Liste | “Geçmiş, liste, 4 öğe” |
| Olay | “Yayın durduruldu Şimdi Bir kontrol başarısız oldu.” |
Kontrast
Bölüm başlığı “Kontrast”Başlık ve açıklama 4,5:1, zaman 4,5:1; işaretler yalnızca süs olduğu için 3:1 sınırı aranmaz.
WCAG 2.2
Bölüm başlığı “WCAG 2.2”| Ölçüt | Timeline nasıl karşılar | Ürün ekibi ne yapmalı |
|---|---|---|
| 1.3.1 Bilgi ve ilişkiler | Sıralı liste ve time öğesi. |
Listeyi adlandırın. |
| 1.4.1 Rengin kullanımı | Ton yalnızca süstür. | Sonucu başlıkta yazın. |