XCropImage
xcropimage.io
Blog'a Dön

Görsel erişilebilirlik: alt metnin ötesinde kontrast, metin katmanı ve odak sırası

xcropimage.io Team

Alt metin yeterli değil; renk kontrastı, klavye ile odak ve metin-görsel hiyerarşisi.

Giriş

Alt metin hem SEO hem ekran okuyucular için temeldir; ancak yalnızca alt yazmak erişilebilir bir deneyim için yetmez. Renk kontrastı, klavye ile odak sırası, hareketli içerik (animasyon, otomatik oynatma) ve metin–görsel hiyerarşisi birlikte düşünülmelidir.

Görsel erişilebilirlik: alt metnin ötesinde kontrast, metin katmanı ve odak sırası.
Görsel erişilebilirlik: alt metnin ötesinde kontrast, metin katmanı ve odak sırası.

Bu serinin önceki yazıları: Panoramik kırpma · Kısa video vs GIF · Reklam okunabilirliği.

WCAG çerçevesi

WCAG 2.2 kontrast, odak görünürlüğü ve hareketle ilgili kriterleri tanımlar. Metin–arka plan çiftleri için WebAIM kontrast kontrolü pratik test sunar. “Normal” ve “büyük” metin eşikleri farklıdır—başlık boyutunu planlarken buna göre seçin.

Metin ve görsel birlikte

Promosyon görselinde metin görüntünün parçasıysa, ekran okuyucu kullanıcıları için:

  • Görseldeki metni sayfa metniyle tekrarlamak veya
  • Alternatif metinde asıl mesajı özetlemek

gerekir. Metin–görsel dengesi sosyal reklam görsel seçimi ile uyumlu olmalıdır.

Hareket ve dikkat

Otomatik oynayan videolar veya dikkat çeken animasyonlar bazı kullanıcılar için risklidir; prefers-reduced-motion ve kontrol düğmeleri düşünün.

SEO ile ilişki

Anlamlı alt metin ve dosya adı için e-ticaret SEO alt metin rehberi ile birlikte okuyun. Metin ağırlıklı e-posta için görsel yokluğu şablonları tamamlayıcıdır.

İngilizce paralel

Visual accessibility beyond alt text aynı konuyu İngilizce işler.

Sonuç

Erişilebilirlik yalnızca “alt doldurmak” değil; kontrast, odak, hareket ve içerik hiyerarşisi ile birlikte tasarlanır.