Görüntülere Alternatif Metin Ekleme

Daha iyi anlaşılması için görüntülere ve grafiklere ayrıntılı açıklama ekleyin

Görüntüler, ziyaretçilerinizin katılımını sağlamanın mükemmel bir yolu olabileceği gibi, karmaşık düşünceleri iletmeye de yardımcı olabilir.

Görüntü açıklamalarına çoğunlukla "alternatif açıklama" veya "alternatif metin" denir. Görüntü açıklamaları, görüntüye metin tabanlı, açıklayıcı bir alternatif sağlar.Görüntünün içeriğini bildiren açıklamalar, görme bozukluğu olan öğrencilerin öğrenimleri açısından çok önemlidir. Yazılı açıklamalar, tüm öğrencilerin içeriği daha iyi anlaması için daha derin bağlamlar sağlayabilir.

Ally, görüntü bulunan her yerde görüntü açıklamaları olup olmadığını kontrol eder. Ally, bir web sayfasındaki veya ekli bir dosyadaki görüntüleri kontrol eder.

Ally, sorunları ciddi, büyük ve küçük olarak sıralar.

  • Ciddi. Bu sorunlar, erişilebilirlik açısından en yüksek riske sahip olan ve en fazla dikkat edilmesi gerekenlerdir.
  • Büyük. Bu sorunlar, erişilebilirliği olumsuz etkiler; ciddi olmasalar bile dikkat edilmesi gereklidir.
  • Küçük. Bu sorunlar, daha iyi bir erişilebilirlik puanı almak için değerlendirilmelidir.

Görüntülerde alternatif metnin bulunmaması büyük bir sorundur.

Açıklamaları olmayan görüntüleri bulmak için Ally'ı kullanma

Sitenizdeki erişilebilirlik sorunlarını keşfetmek ve düzeltmek için Ally'ın erişilebilirlik raporunu kullanın. Rapor için sağlanan bağlantıyı kullanın ve oturum açın. Raporu açın ve Erişilebilirlik Sorunları tablosundaki sorunlar listesine bakın.

Erişilebilirlik Sorunları tablosu, hem Genel Bakış hem de Etki Alanı sekmelerinde yer alır. Bir etki alanına özgü sorunları görmek için Etki Alanı sekmesinden başlayın. 

Alternatif metin veya açıklamalar içermeyen görüntüler kullanılması büyük bir sorundur. Büyük sorunların listesini görüntülemek için Erişilebilirlik Sorunları tablosundaki Büyük sekmesini kullanın. Görüntülerde açıklama olmamasıyla ilgili sorunları seçin.

Genel Bakış sekmesinden başlıyorsanız sorunu ve ardından sorunun yaşandığı etki alanını seçin.

Görüntü açıklaması ile ilgili sorunlar; listede Görüntü, Belge veya HTML ile başlayabilir.

Etki alanındaki görüntü açıklaması sorunları listesinden, sorunlu bir öğenin yanındaki puan göstergesini seçin. İçerik düzenleyicisi geri bildirim paneli açılır.

Açıklamasız görüntüleri ön izleme

Ally'ın geri bildirim paneli, erişilebilirlik sorunlarını çözmenize yardımcı olmak için içeriğin ön izlemesini göstermenin yanı sıra ayrıntılı geri bildirim ve destek de sunar. Açıklamasız görüntüleri görmek için ön izlemeyi kullanın.

Ön izleme, belirli erişilebilirlik sorunlarının belgede bulunabileceği yerleri vurgular. Vurgulamalar, bir sorun türünün yinelendiği tüm noktaları tek seferde gösterir. Örneğin, görüntülerinizde alternatif açıklamalar bulunmuyorsa vurgulamalar bu belirli sorunun ortaya çıktığı her yeri gösterir.

Ön izleme araçları

Belgenizdeki sorunları keşfetmek için ön izleme araçlarını kullanın.

  • Ön izleme sayfaları arasında gezinin.
  • Belirli bir sorunun kaç kez göründüğüne bakın.
  • Sorun vurgulamaları arasında gezinin.
  • Vurgulamaları gizleyin veya gösterin.
  • Ön izleme içeriğini yakınlaştırıp uzaklaştırın.
  • Sorun ekli bir belgede ise orijinal dosyayı indirin.

Görüntü açıklamaları eklemek için Ally'ın yol gösterici adımlarını takip edin

Ally, temel seviyede HTML bilgisine sahip olduğunuzu ve İçerik Yönetim Sisteminizi (CMS) kullanmayı bildiğinizi varsayar. Yol gösterici adımları takip etmek için web sayfasının HTML veya kaynak kodunu CMS'nizde nasıl düzenleyeceğinizi bilmeniz gerekir.

Ally, ön izlemenin yanı sıra sorunun çözümü konusunda size adım adım rehberlik de sağlar. Ally, bu geri bildirimi bir karar ağacında düzenler.Bunun için talimatları okumanız ve istemlere yanıt vermeniz yeterlidir. Sorunun ne olduğunu, niçin önemli olduğunu ve gerektiği şekilde nasıl düzeltileceğini öğrenin.

Açıklama nasıl eklenir? öğesini seçin ve yol gösterici adımları takip edin.

Web sayfalarına görüntü açıklamaları eklemenin yolları

Web sayfalarınızda görüntü açıklamaları eklemenin veya düzenlemenin birden fazla yolu vardır.

  • HTML: Ally'ın yol gösterici adımları, HTML'de görüntü açıklamalarını nasıl bulacağınız ve düzenleyeceğiniz konusunda size yardımcı olur. Öncelikle, görüntüyü içeren web sayfasını bulun. Sayfayı düzenleyin. Alternatif metin özniteliği eklemek için görüntü HTML kodunu güncelleştirin. Sayfayı kaydedin.
  • Görüntü ayarları: Çoğu CMS, alternatif metni düzenlemek için görüntü ayarlarında seçenekler sağlar. Web sayfasında veya CMS dosya havuzunda görüntüyü bulun. Görüntüyü düzenlemek için CMS araçlarını kullanın. Görüntü açıklamasını alternatif açıklama veya alternatif metin alanına ekleyin. Görüntüyü kaydedin.

w3schools'u ziyaret ederek HTML ve CSS ile ilgili daha fazla bilgi edinin

HTML'de "img src" öğesini niçin görmüyorum?

Web sayfasına görüntü eklemenin en yaygın yolu, img src HTML özniteliğini kullanmaktır. Img src, görüntüyü web sayfasına yerleştirmek için görüntü dosyasının URL'sini kullanan bir HTML özniteliğidir. Ancak her CMS farklıdır. Sitenizde farklı kod veya öznitelikler kullanılıyor olabilir. 

Örneğin, Drupal'da bunun yerine şuna benzer bir şey görebilirsiniz:

Özniteliğin başına alternatif metin ekleyin. Örneğin,

alt="buraya görüntü açıklaması ekleyin" data-embed-button="media_browser" data-entity-embed-display="view_mode:media.embedded" data-entity-embed-display-settings="" data-entity-type="media" data-entity-uuid="2961e3a2-8fbe-4e3f-baeb-953d69f70750">

HTML'de img src özniteliğini görmüyorsanız görüntü ayarlarını düzenlemek için CMS araçlarını kullanmayı deneyin.Web sayfasında veya CMS dosya havuzunda görüntüyü bulun. Görüntü ayarlarını açmak için CMS araçlarını kullanın. Görüntü açıklamasını alternatif açıklama veya alternatif metin alanına ekleyin. Görüntüyü kaydedin.

Hâlâ nasıl devam edeceğinizi bilmiyorsanız web sitesi yöneticinizle veya geliştiricinizle iletişime geçin. Bu kişiden web sayfalarınıza görüntü eklemeyi ve görüntülere alternatif metinlerin nasıl ekleneceğini size göstermesini rica edin.