Eylem · Download link

İndirme bağlantısı

Bir dosyaya giden bağlantı. Dosya türünü ve boyutunu bağlantı metninin içinde söyler.

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

Örnekler

Liste Canlı örnek

HTML kodunu göster

<ul class="trds-liste trds-liste--sade trds-liste--aralikli">
  <li><a class="trds-indir" href="#" download><svg class="trds-simge" aria-hidden="true"><use href="#edk-tool-down"/></svg><span class="trds-indir__ad">Emeklilik başvuru formu</span><span class="trds-indir__bilgi">PDF, 240 KB</span></a></li>
  <li><a class="trds-indir" href="#" download><svg class="trds-simge" aria-hidden="true"><use href="#edk-tool-down"/></svg><span class="trds-indir__ad">2026 prim tablosu</span><span class="trds-indir__bilgi">XLSX, 1,2 MB</span></a></li>
</ul>

Ne zaman kullanılır

PDF, XLSX veya ZIP verdiğiniz her yerde kullanın.
Tür ve boyut yazılmayan bir dosya bağlantısı yayımlanmaz.

Erişilebilirlik

Tür ve boyut bağlantı metninin parçasıdır. Ekran okuyucu "Başvuru formu, PDF, 240 kilobayt" okur.
download özniteliği dosyayı sayfa yerine indirir.

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

Kaynak

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