Gezinme · Back link

Geri bağlantısı

Çok adımlı bir akışta kullanıcıyı bir önceki adıma götürür.

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

Örnekler

Temel Canlı örnek

HTML kodunu göster

<a class="trds-geri" href="#">Geri</a>

Geri ve ileri Canlı örnek

HTML kodunu göster

<nav class="trds-geri-ileri" aria-label="Sayfa sırası">
  <a class="trds-geri" href="#">Önceki: Kişisel bilgiler</a>
  <a class="trds-ileri" href="#">Sonraki: Banka bilgileri</a>
</nav>

Ne zaman kullanılır

Her form adımında kullanın.
Sayfa başlığının üstünde durur.
Tarayıcının geri düğmesine güvenmeyin. Girilen veri kaybolabilir.

Erişilebilirlik

Gerçek bir bağlantıdır. JavaScript ile history.back() çağırmaz.
Metin her zaman "Geri" olur.

Karşılanan WCAG 2.2 ölçütleri 2.4.4 3.2.3

Kaynak

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