İçerik · Timeline
Zaman çizelgesi
Bir başvurunun geçtiği adımları tarih sırasıyla gösterir. En yenisi en üstte.
- CSS
- kararlı
- JavaScript
- gerekmiyor
- React
- kararlı
- Vue
- kararlı
Örnekler
İnceleme başladı
Başvurunuz Emeklilik Hizmetleri Genel Müdürlüğüne iletildi.
Belgeler alındı
3 belge yüklendi.
Başvuru oluşturuldu
HTML kodunu göster
<ol class="trds-zaman">
<li class="trds-zaman__oge trds-zaman__oge--etkin"><time class="trds-zaman__tarih" datetime="2026-09-04">4 Eylül 2026</time><p class="trds-zaman__baslik">İnceleme başladı</p><p class="trds-zaman__metin">Başvurunuz Emeklilik Hizmetleri Genel Müdürlüğüne iletildi.</p></li>
<li class="trds-zaman__oge"><time class="trds-zaman__tarih" datetime="2026-09-02">2 Eylül 2026</time><p class="trds-zaman__baslik">Belgeler alındı</p><p class="trds-zaman__metin">3 belge yüklendi.</p></li>
<li class="trds-zaman__oge"><time class="trds-zaman__tarih" datetime="2026-09-01">1 Eylül 2026</time><p class="trds-zaman__baslik">Başvuru oluşturuldu</p></li>
</ol>Ne zaman kullanılır
- Başvuru geçmişi, dava süreci veya kargo takibi için kullanın.
- Gelecek adımlar için adım göstergesi kullanın. Zaman çizelgesi geçmişi anlatır.
Erişilebilirlik
- Sıralı liste kullanılır. Ekran okuyucu adım sayısını söyler.
- Tarih
<time datetime>taşır. Çizgi ve nokta süstür.
Karşılanan WCAG 2.2 ölçütleri 1.3.11.3.2
Kaynak
Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: IT, NL.