3 Kolay Adımda Herkes İçin E-posta Nasıl Hazırlanır: Web Semineri Kaydı + Soru-Cevap

E-posta erişilebilirliği, 2019'un en sıcak e-posta tasarım trendlerinden biri olarak seçildi ve şu anda markaların çoğu için bir öncelik. Ancak birçok pazarlamacının e-postalarını daha kapsayıcı hale getirmeye nasıl başlayacağını bilmediği de doğru.

Erişilebilirlikle ilgili en iyi uygulamaları uygulamak düşündüğünüzden daha kolaydır. Bu web seminerinde, Litmus'un erişilebilirlik uzmanları Jason Rodriguez ve Alice Li, erişilebilirliğe yatırım yapmanın buna değdiğini kanıtlayan istatistikleri ve araştırmaları gözden geçiriyor ve herkes için daha iyi e-posta oluşturmak için atmanız gereken 3 adımı paylaşıyor.

Web seminerini canlı izleme şansınız olmadı mı? Merak etme. İstediğiniz zaman tam kayıt erişmek ve aşağıdaki Q & A okuyabilir.

Soru-Cevap

Web semineri sırasında soru soran herkese çok teşekkür ederiz! En popüler sorulara verdiğimiz yanıtların bir özetini ve canlı web semineri sırasında alamadığımız bazı soruları ele alıyoruz. Başka sorularınız mı var? Lütfen onları yorumlarda bırakın.

Bilişsel sınırlamaları nasıl açıklarsınız?

Bettina : Bir şeyleri ezberlemede veya disleksi veya otizme dikkat etmede güçlük çekmekten çok farklı türde bilişsel engeller vardır. Bu koşulların her biri benzersizdir, ancak bu web seminerinin metin yazarlığı ve tasarım bölümündeki ipuçlarını takip etmek, e-postalarınızı bilişsel sınırlamaları olan kişiler için daha erişilebilir hale getirmede uzun bir yol kat edecektir. Örneğin, e-posta kopyanızı açık ve özlü tutun ve zor kelimeler veya jargon kullanmaktan kaçının. Düzenlerinizi basit tutun ve abonelerinizin e-postanızı taramasını ve neyin önemli (ve neyin önemsiz) olduğunu hızla anlamasını kolaylaştıran net bir görsel hiyerarşi geliştirin.

En çok kullanılan ekran okuyucu nedir? Bunun için nasıl test edersiniz?

Alice: En popüler iki ekran okuyucusu NVDA ve JAWS'dır . NVDA, NV Access tarafından geliştirilen ücretsiz, açık kaynaklı bir araçtır — çalışmalarını teknolojiyi görme engelli insanlar için daha erişilebilir hale getirmeye adayan harika bir kuruluştur. JAWS, popüler bir abonelik tabanlı ekran okuma aracıdır.

E-postanızın bir ekran okuyucuda nasıl görüneceğini anlamak için yazılım yüklemek istemiyorsanız, bunun için Litmus'u kullanabilirsiniz! Yakın zamanda NVDA'yı Litmus'a entegre ettik, böylece artık e-postanızın sesli önizlemesini doğrudan Litmus Kontrol Listesi'nden dinleyebilirsiniz. Daha fazlasını öğrenin .

Ayrıca, tüm modern işletim sistemleri de bir tür yerel ekran okuma desteği sunar. Örneğin Mac'te bu VoiceOver'dır .

Erişilebilirlik için e-postalarını optimize ederek harika bir iş çıkaran bazı markalar nelerdir? Biraz ilham isterim!

Jason : Benim favorilerimden biri deque . Çok sayıda erişilebilirlik eğitimi alıyorlar, harika bir blogları ve harika e-postaları var! E-postaları yalnızca erişilebilirlikle ilgili en iyi uygulamaları takip etmekle kalmaz, aynı zamanda konu hakkında bilgi edinmenize yardımcı olacak harika içerikler de sunar. Bültenlerine kayıt olmalısınız !

Kibirli görünme riskini göze alarak, Alice ve e-posta ekibinin Litmus haber bülteni üzerinde yaptıkları çalışmalardan çok etkilendim . Yalnızca güzel bir şekilde tasarlanmış olmakla kalmıyor, aynı zamanda E-posta Erişilebilirliği için En İyi Kılavuz'da tartışılan en iyi uygulamalara dayanarak onu erişilebilir kılmak için çok çaba sarf ettiler.

"Alexa" veya "Siri" gibi araçların diğer ekran okuyuculardan nasıl farklı olduğuna dair bir fikriniz var mı? Veya Outlook'un "sesli okuma" özelliği?

Jason : Delivering podcast'inin yakın tarihli bir bölümünde sesli asistanları derinlemesine inceledim. Alexa'nın e-postanızı gerçekten okuyan tek kişi olduğunu buldum - ancak tüm alt nitelikleri, tabloları veya diğer HTML öğelerini yok sayarak yalnızca HTML metnini okuyacaktır. Bir ekran okuyucunun e-postayı işleme biçiminden farklıdır. Sesli asistanlar, erişilebilirliğe değil, kolaylığa yöneliktir, bu nedenle örneğin NVDA gibi tam gelişmiş bir ekran okuyucu ile aynı şekilde çalışmazlar. Çoğu durumda, içerikte gezinmek için yine de telefonunuza veya dizüstü bilgisayarınıza ihtiyacınız vardır, sesli yardımcı yalnızca sizi destekler. Alexa, Google Home, Siri ve Cortana'nın e-postayı nasıl ele aldığına dair tam bir özet için bu podcast bölümünü izleyin.  

Animasyonlu GIF'lere ne dersiniz? Onları kullan ya da kullanma? Okuyucular için sorun yaratırlar mı?

Alice : Onları kullanabilirsin ama nasıl olduğuna dikkat et. Animasyonlar ışığa duyarlı epileptik nöbetleri tetikleyebilir, bu nedenle asla çok sarsıcı veya yanıp sönen bir GIF eklemek istemeyeceksiniz. Ayrıca, GIF'lerinize kopyalama gibi önemli bilgileri de dahil etmek istemezsiniz. GIF'inizde gizlenen kopyaya ekran okuyucular erişemez ve resimlerin devre dışı bırakıldığı e-posta istemcilerinde görüntülenmez, bu nedenle mesajınızın önemli kısımlarını kaybetme riskini alırsınız.

Erişilebilir e-posta şablonlarının örneklerini nerede bulabilirim?

Jason : Piyasada çok fazla ücretsiz şablon var ama bunların çoğu erişilebilirlik göz önünde bulundurularak optimize edilmedi! Bu nedenle, yakın zamanda erişilebilirlikle ilgili en iyi uygulamaları izleyen dört yeni şablon oluşturduk ve bunlar Litmus Topluluğu'nda ücretsiz olarak kullanımınıza sunuldu . Oluşturmak istiyorsanız şablonlarımıza göz atın…

• Erişilebilir haber bültenleri
• Erişilebilir kişisel notlar
• Erişilebilir işlem e-postaları
• Erişilebilir ürün duyuruları

Emojilerin kullanımı erişilebilirliği nasıl etkiler?

Jason: Çoğu ekran okuyucusu emojileri anlıyor ve okuyabiliyor olsa da, kullanıcılar için en uygun deneyim olmayabilir. Bir emoji ile bu örnek konu satırını okuyan NVDA'yı dinleyelim:

Yılın en büyük satışı

Metnin yanında bir emojinin ne kadar kopuk geldiğini duyabilirsiniz. Emojiler artık yaygın ve yardımcı teknoloji kullanıcıları muhtemelen bunları duymaya alışkın olsa da, emojiye bağlı olarak yine de kulağa garip gelebilir. Bir e-postadaki diğer herhangi bir öğe veya kopya gibi, çalışıp çalışmadığını görmenin en iyi yolu, onu test etmek ve NVDA veya Litmus Erişilebilirlik Denetleyicisi gibi bir araç kullanarak e-postanızı dinlemektir.

DIV'lere de "rol=sunu" uygulamam gerekir mi?

Alice : Hayır! role=”presentation” yalnızca ekran okuyuculara etiketlerin anlamsal anlamını görmezden gelmelerini söylemeyi amaçlar, bu nedenle tablolara ihtiyaç duyar çünkü grafikler gibi tablo verileri, insanların bunları doğru şekilde gezinmesi ve anlaması için tüm sütun ve satır bilgilerini gerektirir. E-postada, geliştiriciler sunum için genellikle tablo verileri yerine tablolara güvenirler, bu nedenle tablolar bunu gerektirir. Öte yandan DIV'ler, ekran okuyucular için geçersiz kılınması gereken anlamsal bir anlama sahip değildir.

Resim tabanlı e-postaları kullanmakta ısrar eden müşteriler için izlememiz gereken en iyi uygulamalar var mı?

Bettina : Bu zor bir şey! Tamamı resimli e-postalar göndermenin korkunç bir fikir olmasının sayısız nedeni var. İlk adım olarak, müşterinizi bu yaklaşımın korkunç bir abone deneyimiyle geldiğine ikna etmek için elinizden geleni yapın. Neden Yalnızca Resim E-postaları Göndermemelisiniz konusundaki blog yazımızda , durumunuzu oluşturmanıza yardımcı olacak birçok içgörü ve ipucu var.

Müşterinizi doğru yola sokmanın bir yolu yoksa, yapabileceğiniz tek şey ALT metniyle ( hatta bu ALT metnini biçimlendirebilirsiniz ) görüntü kapalı görünümünüzü optimize etmek ve kurşun geçirmez düğmeler kullanmaktır, böylece en azından CTA'larınız görüntüler devre dışı bırakıldığında çalışmaya devam eder.

Web yazı tiplerinin kullanımı erişilebilirliği etkiler mi?

Alice : Kod açısından, olmamalı. Tasarım açısından bakıldığında, okunabilir olması için hem web yazı tipinin hem de web için güvenli yedeğinin her zaman kontrast oranı standartlarını karşıladığından emin olmanız gerektiği anlamına gelir. Örneğin, web yazı tipiniz geri dönüşten daha kalınsa, geri dönüşün kontrast oranı puanlarını da geçtiğinden emin olun, çünkü geri dönüş, örneğin Gmail'deki kullanıcıların görebileceği şeydir.

Kod şablonumuzda yapmadığımız tek değişiklik, başlıklar veya paragraflar için anlamsal öğeyi kullanmaktır. Şu anda metin için tablo hücresini stilize ediyoruz. Bu, erişilebilirlik için hangi sorunları ortaya çıkarabilir?

Alice : Metni saran tablonun rolünün zaten gereksiz ekran okuyucu gürültüsünü engellemek için "sunu" veya "hiçbiri" olarak ayarlanmış olduğunu varsayıyorum. Bu sorunun dışında, doğru başlık/paragraf etiketlerinin kullanılmaması, bazı teknolojiler kullanıcıların bir içindekiler tablosuymuş gibi başlıktan başlığa (ve ilgili paragraflara) atlamalarına izin verdiğinden, yardımcı cihazlar için bir gezinme sorunu sunacaktır.

Kıvırcık kesme işaretleri, tırnak işaretleri, ve işaretleri vb. gibi özel karakterler ekran okuyucular tarafından okunabilir mi?

Alice : Değişir. Ve işaretleri genellikle "ve" olarak okunur. Tırnak işaretleri ve kıvırcık kesme işaretleri, bir kişinin bir şeyi yüksek sesle okurken telaffuz etmemesi gibi göz ardı edilir. Diğer özel karakterler duruma göre değerlendirilir, örneğin madde işaretleri "madde işareti" olarak okunur. Genelde emin olmak için her zaman test etmenizi öneririm.

Metni yalnızca erişilebilirlik için biçimlendirme konusunda herhangi bir öneriniz var mı? Bölümler arasında birkaç “=” veya “-” sonu kullanıyorum. Bunlar nasıl işlenir?

Alice : Kısa çizgiler ve alt çizgiler okunmaya meyilli değil, yani bunlar iyi. Ancak ekran okuyucular "eşittir" işaretini okuyacaktır, bu yüzden bundan kaçınmanızı tavsiye ederim.