Geri bildirim · Warning text

Uyarı metni

Kullanıcının atlamaması gereken bir sonucu söyler. Para cezası, hak kaybı, süre.

CSS: kararlı
JavaScript: gerekmiyor
React: kararlı
Vue: kararlı

Örnekler

Temel Canlı örnek

Uyarı: Başvurunuzu 30 gün içinde tamamlamazsanız yeniden başlamanız gerekir.

HTML kodunu göster

<div class="trds-uyari-metni">
  <span class="trds-uyari-metni__simge" aria-hidden="true">!</span>
  <p class="trds-uyari-metni__metin"><span class="trds-gorsel-gizli">Uyarı:</span> Başvurunuzu 30 gün içinde tamamlamazsanız yeniden başlamanız gerekir.</p>
</div>

Ne zaman kullanılır

Bir eylemin ciddi sonucu varsa, eylemden hemen önce kullanın.
Sayfada en çok bir tane durur. İkisi birden dikkati böler.

Erişilebilirlik

Simge süstür. "Uyarı" kelimesi görsel gizli metin olarak durur, ekran okuyucu onu okur.
Metin kalındır ama yalnız kalınlığa güvenmez. Simge ve kelime birlikte anlatır.

Karşılanan WCAG 2.2 ölçütleri 1.3.3 1.4.1

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: UK.