Gezinme · Back to top

Başa dön

Uzun sayfada iki ekran aşağı inince beliren bağlantı. Başa kaydırır ve odağı ana içeriğe verir.

CSS: kararlı
JavaScript: görünürlük
React: kararlı
Vue: kararlı

Örnekler

Temel Canlı örnek

HTML kodunu göster

<a class="trds-basa-don" href="#ana-icerik" data-trds="basa-don" data-hep-goster><svg class="trds-simge" aria-hidden="true"><use href="#edk-tool-back"/></svg><span>Başa dön</span></a>

Ne zaman kullanılır

Üç ekrandan uzun sayfalarda kullanın.
Form adımlarında kullanmayın. Adımlar kısa olur.

Erişilebilirlik

Bir bağlantıdır, #ana-icerik hedefine gider. Betik yoksa da çalışır.
Hareket azaltma isteyen kullanıcıda kaydırma anlıktır.

Karşılanan WCAG 2.2 ölçütleri 2.4.1 2.3.3

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: IT, JP, DK, FR, CH.