Gönderdiğiniz iletinin bir bölümü, tasarladığınız gibi görülmüyor. Ekran okuyucu kullananlar, düşük görme keskinliği olanlar, renk ayrımı yapamayanlar ve motor becerisi kısıtlı kullanıcılar — hepsi listenizde. Erişilebilir olmayan bir ileti, bu kullanıcılar için okunamaz.
Bu rehber, e-posta erişilebilirliğinin pratik gereklerini anlatıyor. İyi haber şu: alınacak önlemlerin çoğu, aynı zamanda tüm kullanıcılar için okunabilirliği artırır ve teslimatı iyileştirir.
Anlamlı Yapı
Ekran okuyucular ileti yapısını başlık etiketlerinden anlar. Görsel olarak büyük yazılmış ama başlık olarak işaretlenmemiş bir metin, ekran okuyucu için sıradan bir paragraftır.
- Gerçek başlık etiketleri kullanın. Kalın ve büyük punto ile "başlık görünümü" vermek yerine başlık etiketi kullanın.
- Hiyerarşiyi bozmayın. Ana başlıktan alt başlığa sırayla inin.
- Liste yapıları için liste etiketleri kullanın. Tire ile başlayan paragraflar liste değildir.
- Dil bilgisini belirtin. İletinin dilini tanımlamak, ekran okuyucunun doğru telaffuz kullanmasını sağlar.
Görseller ve Alternatif Metin
Her görsele açıklayıcı alternatif metin yazın. Bunun iki faydası vardır ve ikisi de önemlidir:
- Ekran okuyucu kullanıcıları görselin ne anlattığını öğrenir.
- Görselleri engelleyen istemcilerde — ki bu çok yaygındır — tüm kullanıcılar bu metni görür.
İkinci madde, erişilebilirlik önlemlerinin neden herkese fayda sağladığının iyi bir örneğidir.
Alternatif metin yazarken: görselin işlevini anlatın, dosya adını değil. Bir butonun görseli için "buton.png" değil, o butonun ne yaptığı yazılmalıdır. Yalnızca dekoratif görseller boş alternatif metinle işaretlenebilir.
Görsel İçine Metin Koymayın
Kritik bilgiyi (sipariş numarası, tutar, eylem çağrısı) görselin içine yazmak, üç grubu birden dışarıda bırakır: ekran okuyucu kullananlar, görselleri engelleyenler ve yazıyı büyütmek isteyenler.
Ayrıca tamamı görselden oluşan iletiler spam filtrelerini de tetikler — erişilebilirlik ve teslimat burada aynı şeyi söyler.
Renk ve Kontrast
Yeterli Kontrast
Açık gri zemin üzerine açık gri yazı estetik görünebilir ama düşük görme keskinliği olan kullanıcılar için okunamaz. Metin ile arka plan arasında yeterli kontrast bulunmalıdır.
Bu, yalnızca görme kısıtı olanları ilgilendirmez: güneş altında telefonuna bakan bir kullanıcı da düşük kontrastlı metni okuyamaz.
Rengi Tek Bilgi Taşıyıcısı Yapmayın
"Yeşil olanlar mevcut, kırmızı olanlar tükendi" gibi bir anlatım, renk ayrımı yapamayan kullanıcılar için anlamsızdır. Renge ek olarak metin veya simge kullanın.
Karanlık Mod
Birçok istemci karanlık modda renkleri otomatik dönüştürür ve bu dönüşüm bazen kontrastı bozar: beyaz zeminli logolar kaybolur, açık renkli metin okunamaz hâle gelir. Tasarımı her iki modda da test edin.
Yazı Boyutu ve Okunabilirlik
- Yeterli punto kullanın. Küçük yazı, mobil okumada ciddi sorun üretir. Cömert davranın.
- Satır aralığı bırakın. Sıkışık metin okumayı yorar.
- Satır uzunluğunu sınırlayın. Çok geniş satırlar, göz takibini zorlaştırır.
- Sistem yazı tipleri kullanın. Özel yazı tipleri çoğu istemcide çalışmaz; yedek zinciri tanımlayın.
- Ölçeklenebilir birimler kullanın. Kullanıcı yazıyı büyütmek istediğinde düzen bozulmamalı.
Bağlantı ve Buton Metinleri
Ekran okuyucu kullanıcıları bazen ileti içindeki bağlantıları liste hâlinde gezinir. Bu durumda bağlantı metni tek başına anlamlı olmalıdır.
| Kötü | İyi |
|---|---|
| "Tıklayın" | "Siparişinizi görüntüleyin" |
| "Buraya" | "Fatura detayına gidin" |
| "Devamı" | "Rehberin tamamını okuyun" |
| Çıplak adres | Açıklayıcı metin |
Butonlar için ek bir nokta: dokunma alanı yeterince büyük olmalıdır. Küçük butonlar, motor becerisi kısıtlı kullanıcılar ve mobil kullanıcılar için zordur.
Düz Metin Sürümü
Düz metin sürümü, erişilebilirliğin en basit ve en etkili katmanıdır. Üç fayda sağlar:
- HTML görüntüleyemeyen ortamlarda ileti okunabilir kalır
- Ekran okuyucular için sade ve gezinilebilir bir alternatif sunar
- Teslimat açısından olumlu bir sinyaldir — yalnızca HTML gönderen iletiler daha şüpheli değerlendirilir
Otomatik üretilen düz metin sürümü genellikle okunaksızdır: bağlantılar ham adres olarak dökülür, yapı kaybolur. Elle düzenlemeye değer.
Test Yöntemleri
- Görselleri kapatın. İleti hâlâ anlaşılıyor mu? Kritik bilgi kayboluyorsa sorun var demektir.
- Düz metin sürümünü okuyun. Anlamlı mı, bağlantılar anlaşılır mı?
- Yazıyı büyütün. Düzen bozuluyor mu?
- Karanlık modda bakın. Kontrast korunuyor mu, logo kayboluyor mu?
- Ekran okuyucuyla dinleyin. Çoğu işletim sisteminde yerleşik bir ekran okuyucu vardır. İletinizi bir kez dinlemek, tüm kontrol listelerinden fazla şey öğretir.
- Gri tonlamada bakın. Renk ayrımına bağlı bilgi var mı?
Beşinci madde en değerlisidir ve nadiren yapılır. İletinizi bir kez ekran okuyucuyla dinlemek, hangi kısımların anlamsız olduğunu doğrudan gösterir.
Erişilebilirlik ve Teslimat Örtüşmesi
Erişilebilirlik için alınan önlemlerin çoğu, teslimatı da iyileştirir:
- Gerçek metin kullanmak → filtreler içeriği okuyabilir, spam puanı düşer
- Düz metin sürümü → teslimat açısından olumlu sinyal
- Anlamlı bağlantı metinleri → çıplak adres yığınından kaçınılır
- Sade ve temiz HTML → hem istemci uyumluluğu hem filtre dostu
- Görsel ağırlığını azaltmak → hem erişilebilir hem hızlı yüklenir
Yani erişilebilirlik, teslimattan bağımsız bir "ek iş" değil — aynı iyi pratiklerin farklı bir gerekçesidir. İçerik tarafında bu disiplini kurduğunuzda, gönderim tarafını üstlenen bir smarthost altyapısıyla birlikte denklemin her iki yarısı da tamamlanmış olur.
Sonuç
E-posta erişilebilirliği, ayrı bir uzmanlık gerektiren karmaşık bir alan değildir: gerçek metin kullanın, görsellere alternatif metin yazın, yeterli kontrast bırakın, bağlantı metinlerini anlamlı yapın ve düz metin sürümü ekleyin. Bu beş adım hem kullanıcıların önemli bir bölümüne ulaşmanızı sağlar hem teslimatınızı iyileştirir. En değerli test ise en az yapılanıdır — iletinizi bir kez ekran okuyucuyla dinleyin; hangi kısımların anlamsız olduğunu doğrudan duyarsınız.
Sıkça Sorulan Sorular (SSS)
Erişilebilirlik gerçekten öncelikli mi?
Listenizin bir bölümü bu önlemler olmadan iletinizi okuyamıyor. Ayrıca alınacak önlemlerin çoğu tüm kullanıcılar için okunabilirliği artırır ve teslimatı iyileştirir — yani ayrı bir yatırım değil, iyi pratiğin parçasıdır.
Alternatif metin nasıl yazılmalı?
Görselin işlevini anlatın, dosya adını değil. "logo.png" değil, "Şirket adı logosu" veya bir buton için o butonun ne yaptığı. Yalnızca dekoratif görseller boş alternatif metinle işaretlenebilir.
Tamamı görselden oluşan e-posta neden kötü?
Üç grup için okunamaz: ekran okuyucu kullananlar, görselleri engelleyenler ve yazıyı büyütmek isteyenler. Ayrıca spam filtreleri içeriği okuyamadığı için iletiyi şüpheli sayar. Erişilebilirlik ve teslimat burada aynı şeyi söyler.
Nasıl test edebilirim?
En hızlı üç test: görselleri kapatıp iletiyi okuyun, gri tonlamada bakın ve işletim sisteminizin yerleşik ekran okuyucusuyla bir kez dinleyin. Sonuncusu en çok şey öğretir ve birkaç dakika sürer.
