Eylem · Link
Bağlantı
Kullanıcıyı başka bir sayfaya veya aynı sayfadaki bir bölüme götürür.
- CSS
- kararlı
- JavaScript
- gerekmiyor
- React
- kararlı
- Vue
- kararlı
Örnekler
Ayrıntılar için başvuru koşullarını okuyun.
HTML kodunu göster
<p class="kiris-govde">Ayrıntılar için <a class="kiris-link" href="#">başvuru koşullarını okuyun</a>.</p>HTML kodunu göster
<a class="kiris-link" href="#" target="_blank" rel="noopener">Kılavuzu indirin (PDF, yeni sekmede açılır)</a>Ne zaman kullanılır
- Gezinme için bağlantı kullanın. İşlem için düğme kullanın.
- Bağlantı metni hedefi anlatır. "Buraya tıklayın" yazmayın.
- Yeni sekmede açılan bir bağlantıyı metinde belirtin.
Erişilebilirlik
- Alt çizgi her zaman görünür. Rengi tek ayırt edici işaret olarak kullanmayın.
- Ziyaret edilmiş bağlantı ayrı bir renk alır.
- Dış bağlantı için hedefi metinde adlandırın.
Karşılanan WCAG 2.2 ölçütleri 1.4.12.4.42.4.7
Kaynak
Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: US, FR, IE, KR, DK, DE, NO.
Bu bileşenin kodu depoda:
- Kayıt defteri tanımı, adı, özeti, kullanım kuralı ve örnekleri
- CSS katmanları,
kiris-linkile başlayan sınıflar