Web sayfanızda tam olarak tasarımcınızın karar verdiği yazı tipinde metin sunmanın çeşitli yolları vardır; görüntü, flash kesmek, bazı javascript kesmek, dinamik yazı tipleri. Ancak bugüne kadar, tüm platformlarda görünen tek şey eski grafik olarak metin çözümüdür. Bu elbette bir çamur, ancak erişilebilirlik amaçları için, metni içeren bir görüntüyü tamam olarak nitelendirilen bir alt özellik olarak mı kullanıyor? Görme engelli kullanıcılar, arama motorlarında olduğu gibi metni alacaktı. Yoksa bir şey mi kaçırıyorum?
Bazı uyarılar ile.
Ekran okuyucular ve robotlar için alt var
HTML'ye görüntüler eklerseniz (
img aracılığıyla), her zaman
alt özniteliği ( bazen boş değerli).
Resimde metin varsa ve bu metin iletmek istediğiniz alakalı içeriğin (bir parçasıysa) bu metni
alt değer.
ancak erişilebilirlik amacıyla, metni içeren bir resim alt özellik olarak mı kullanıldı?
Hayır. Kör veya metin tarayıcı kullanıcısı için bir engel olmasa da, disleksik veya görme engelli kullanıcılar (resimleri etkinleştirilmiş) metin resimleriyle ilgili sorunlar yaşayabilir:
Muhtemelen kısa metin için çok fazla sorun yoktur (tek bir Word, çok kısa başlık, harekete geçirici mesaj düğmesi,…), ancak daha uzun metin için kullanılırsa erişilebilirlik engeli olabilir.
Grafik olarak metinle ilgili en büyük dezavantajlardan biri, metin boyutuyla ölçeklenememesidir (not: metin boyutu, yakınlaştırma değil). Görüntüyü EMS'de boyutlandırmak bunu hafifletmeye yardımcı olabilir.
Ayrıca, dinamik olarak oluşturulmadıkça, görüntüleri kullanırken sürdürülebilirliğin büyük ölçüde zarar gördüğünü unutmayın.
Ve istediğiniz tek şey özel bir yazı tipi olduğunda bir görüntüyü sunmak oldukça verimsizdir - görüntünün dosya boyutu eşdeğer metinden çok daha büyüktür.
Bir problem görmüyorum. Hiç kimsenin bunun kötü bir fikir olduğunu söylediğini duymadım. Ama aşağıdakilerden kaçınmaya çalışın:
Diğerlerinin söylediği gibi, bu yaklaşımı kullanırsanız alternatif metin sağlamanız gerekir, ancak, kesinlikle söylememenizi tavsiye ederim.
Zoom kırılacak - Raster görüntüler daha büyük boyutlara ölçeklenemez.
Görüntüler metinden daha fazla yer kaplar, bu sayfa yükleme süresini önemli ölçüde artırır.
Tarayıcı renklerini değiştiren görüntüleyenler ör. okunabilirlik uğruna karanlıkta yüksek kontrast ışığa dönüştüğü için görüntüleri doğru görmez ve alt öğesini görmez.
Kopyalama yapıştırma işlevi bozulacaktır (kullanıcılar herhangi bir metni kopyalayıp metin olarak bir belgeye yapıştıramayacaktır).
Düzen ve Duyarlılık - Mobil aygıtta okunabilirlik bozulabilir - Metin metin değilse, tarayıcılar daha küçük ekranlara sığdırmak için metni satırlara ayıramayabilir.
Her bir Word veya cümleyi kendi görüntüsüne yerleştirirseniz, düzeni geliştirebilirsiniz, ancak metin analizini (SEO) bozabilirsiniz.
CSS ve yazı tipi dosyalarını kullanarak ekran yazı tiplerini zorlamanın yaygın olarak desteklenen yolları vardır. Bazı eski tarayıcılar bunu desteklemiyorsa, modern tarayıcıların tüm kullanıcılarının uğruna acı çekmemeleri gerekir.
Alt metnin değeri SEO açısından düşüyor, bu yüzden hepimiz erişilebilirliğe odaklanabiliyoruz ve alt metinleri ekran okuyucular için optimize edebiliyoruz.
Bildiğim kadarıyla, SERP sıralamanız üzerinde sadece yüzde bir etkisi var