Ana içeriğe geç

1.4.9 Metin Görselleri (İstisnasız)

Metin içeren görseller yalnızca dekoratif amaçlarla veya belirli bir görsel sunumun zorunlu olduğu durumlarda kullanılmalıdır.

SC Kodu: 1.4.9 Seviye: AAA
URL: https://www.w3.org/TR/WCAG22/#images-of-text-no-exception

Genel Tanım​

WCAG 1.4.9, metin içeren bilgilerin hiçbir istisna olmaksızın metin olarak sunulmasını zorunlu kılar. Metin, okunabilirlik ve erişilebilirlik sağlamak amacıyla görsel (resim) olarak kullanılmamalıdır.

Faydalar​

  • Düşük Görüşlü Kullanıcılar: Metni büyütüp özelleştirebilir.
  • Ekran Okuyucu Kullanıcıları: Metne doğrudan erişim sağlar.
  • Kişisel Tercihler: Kullanıcılar yazı tipi ve renkleri istedikleri gibi ayarlayabilir.

Kapsam

  • Başlıklar ve gövde metinleri
  • Buton, bağlantı ve menü yazıları
  • Bilgilendirici tüm metinsel içerikler

Ana Amaç​

Bu kriterin amacı, kullanıcıların metni ölçeklendirebilmesini, renk ve kontrastını değiştirebilmesini ve yardımcı teknolojilerle metne tam erişim sağlayabilmesini garanti altına almaktır.

En İyi Uygulamalar​

  • CSS ile metin stilini yönetin.
  • Özel fontlar için web font kullanın.
  • Metni görsel olarak sunmak yerine stil ile zenginleştirin.
  • Arka plan görselleri içinde metin kullanmaktan kaçının.

Örnekler ve Açıklamalar​

Örnek: Buton Tasarımı​

Bir çağrı-eylem butonu, metin görseli yerine HTML metni ve CSS stilleriyle tasarlanır. Böylece metin erişilebilir ve ölçeklenebilir olur.

Nelerden Kaçınılmalı?

Metni resim olarak sunmak.

HTML/CSS

<img src="buy-now.png" alt="Şimdi Satın Al">

Açıklama:

Bu örnekte buton metni bir görsel içinde sunulmuştur. Alt metin bulunsa bile WCAG 1.4.9 kriteri karşılanmaz.

Ne Yapılmalı?

Metin her zaman gerçek metin olarak sunulmalıdır.

HTML/CSS

<button class="buy-now">Şimdi Satın Al</button>
.buy-now {
  font-family: 'CustomFont', sans-serif;
  font-size: 1.2rem;
  padding: 12px 24px;
}

Açıklama:

Bu örnekte metin HTML olarak sunulmuş, görsel görünüm CSS ile sağlanmıştır. Kullanıcılar metni ölçekleyebilir ve yardımcı teknolojiler erişebilir. WCAG 1.4.9 gereksinimleri karşılanır.