Görsel

Örnekler

HTML kodunu göster

<figure class="trds-gorsel">
  <img src="/trds/turk-bayragi.svg" alt="Türk bayrağı: kırmızı zemin üzerinde beyaz ay ve yıldız" width="1200" height="800">
  <figcaption class="trds-gorsel__altyazi">Bayrağın oranları 2893 sayılı Türk Bayrağı Kanunu ile belirlenir.</figcaption>
</figure>

Ne zaman kullanılır

• Bir haber, duyuru veya kılavuz görseli için kullanın.
• Süs görseli için kullanmayın. Süs görselinin açıklaması olmaz.

Erişilebilirlik

• alt görseli anlatır. Açıklama görseli yorumlar. İkisi aynı cümle olmaz.
• Görsel width ve height taşır, sayfa yüklenirken zıplamaz.

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

Kaynak

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