web-gelistirme-sc.com

Grafik olarak metin için alt özniteliğini kullanmak uygun mu?

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?

9
Zano

Bazı uyarılar ile.

7
Virtuosi Media

Ekran okuyucular ve robotlar için alt var

9
Sruly

HTML'ye görüntüler eklerseniz (img aracılığıyla), her zamanalt ö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:

  • Kullanıcılar yazı tipi boyutunu, satır yüksekliğini, harf aralığını ayarlayamaz.
  • Kullanıcılar yazı tipi ailesini değiştiremez.
  • Kullanıcılar renkleri/kontrastı değiştiremez.
  • Kullanıcılar metni seçemez (ör. Kopyalama ve yapıştırma için). ( not edildiği gibi by Kit Grose)

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.

5
unor

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.

4
Bobby Jack

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:

  • bir sayfanın tüm içeriğini bir resim haline getirme (ne yaptığını bilmeyen kişiler tarafından yapılan yaygın hata) - bu, arama motorları dahil hemen hemen her şeyin ayrıştırılmasını zorlaştırır
  • olabildiğince kaçınmaya çalışın - görüntülerin olduğu şeyler için metne sahip olmak daha iyidir; sadece her şeyi kolaylaştırır (bir parça metin, SEO vb. kopyalama)
  • hem bir hem bir alt ve başlık özellikleri ekleyin - bu, insanlar resmin üzerine geldiğinde araç ipucunu görmelerini sağlar (çünkü farklı tarayıcılar farklı olanlar gösterir); Bunu en çok bağlantı olan resimlerde yapıyorum
1
Darryl Hein

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.

0
Danny Varod

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

0
Roland Pokornyik