Kimlik · Phase banner
Aşama afişi
Hizmetin deneme aşamasında olduğunu söyler ve geri bildirim ister. Başlık çubuğunun hemen altında durur.
- CSS
- kararlı
- JavaScript
- gerekmiyor
- React
- kararlı
- Vue
- kararlı
Örnekler
Beta
Bu yeni bir hizmettir. Geri bildiriminiz onu iyileştirir.
HTML kodunu göster
<div class="trds-asama">
<div class="trds-kap trds-asama__ic"><span class="trds-etiket trds-etiket--mavi">Beta</span><p class="trds-asama__metin">Bu yeni bir hizmettir. <a class="trds-link" href="#">Geri bildiriminiz</a> onu iyileştirir.</p></div>
</div>Ne zaman kullanılır
- Alfa ve beta aşamasında her sayfada kullanın.
- Hizmet canlıya geçince kaldırın.
Erişilebilirlik
- Etiket ve metin aynı satırdadır. Geri bildirim bağlantısı yeni sekmede açılmaz.
Karşılanan WCAG 2.2 ölçütleri 1.3.1
Kaynak
Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: UK, IE.