Ana içeriğe geç
TRDS Türkiye Kamu Tasarım Sistemi

Türkiye’ye özgü hizmet · Data protection consent

KVKK açık rıza TR

6698 sayılı kanun kapsamında açık rıza alır ve aydınlatma metnine bağlantı verir.

CSS
kararlı
JavaScript
gerekmiyor
React
kararlı
Vue
kararlı

Örnekler

Temel Canlı örnek

Kişisel verilerinizin işlenmesi

Başvurunuzu değerlendirmek için kimlik ve iletişim bilgilerinizi işliyoruz. Ayrıntılar aydınlatma metninde yazılıdır (yeni sekmede açılır).

HTML kodunu göster
<div class="trds-kvkk">
  <h2 class="trds-kvkk__baslik">Kişisel verilerinizin işlenmesi</h2>
  <p class="trds-govde">Başvurunuzu değerlendirmek için kimlik ve iletişim bilgilerinizi işliyoruz. Ayrıntılar <a class="trds-link" href="#" target="_blank" rel="noopener">aydınlatma metninde</a> yazılıdır (yeni sekmede açılır).</p>
  <div class="trds-secenek">
    <input class="trds-onay" id="kvkk-zorunlu" name="kvkk" type="checkbox" required>
    <label class="trds-secenek-etiket" for="kvkk-zorunlu">Başvurumun değerlendirilmesi için verilerimin işlenmesine izin veriyorum.</label>
  </div>
  <div class="trds-secenek">
    <input class="trds-onay" id="kvkk-istege" name="kvkk_bilgilendirme" type="checkbox">
    <label class="trds-secenek-etiket" for="kvkk-istege">Yeni hizmetler hakkında bilgilendirme almak istiyorum <span class="trds-etiket__istege-bagli">(isteğe bağlı)</span>.</label>
  </div>
</div>

Ne zaman kullanılır

Erişilebilirlik

Karşılanan WCAG 2.2 ölçütleri 1.3.13.3.2

Neden bu bileşen var

Aydınlatma metni bağlantısını ve kullanıcının onay seçeneğini aynı alanda gösterir. Onay seçeneği başlangıçta işaretli değildir.

Kaynak

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