Erişilebilir içerik nasıl oluşturulur: 10 faydalı ipucu

Yayınlanan: 2022-07-02

Başarılı bir web sitesi için erişilebilir içerik oluşturmak çok önemlidir. Engelli kişileri hedef kitlenize dahil etmenize, web sitenizi herkes için daha kullanıcı dostu hale getirmenize, müşteri memnuniyetini artırmanıza, SEO'yu iyileştirmenize ve web erişilebilirlik standartlarını karşılamanıza yardımcı olacaktır. Bu standartlar ve web sitenizde erişilebilir içerik oluşturma yolları hakkında daha fazla bilgi edelim.

İçerik erişilebilirlik standartları hakkında bir not

İçerik erişilebilirliği en son standardı Web İçeriği Erişilebilirlik Yönergeleri 2.1'dir. WCAG 2.1 olarak da bilinir. Standart, World Wide Web Konsorsiyumu'nun (W3C) Web Erişilebilirlik Girişimi (WAI) tarafından oluşturuldu. Amacı, World Wide Web'i herkes için erişilebilir bir yer haline getirmektir.

Web erişilebilirliğinin bazı yönleri teknik niteliktedir, bu nedenle web geliştiricilerine ve tasarımcılarına emanet edilmiştir. Yazı tipleri ve renkler, kontrast oranları, form etiketleri oluşturma, klavye erişilebilirliği sağlama vb. ile ilgilenirler.

Yine de, içerik oluşturan kişiler onu doğrudan içerik yönetimi düzeyinde erişilebilir kılabilir (ve yapmalıdır!). İşte bunu yapmak için birkaç ipucu.

Erişilebilir içerik nasıl oluşturulur?

1. Anlamlı bağlantı metinleri sağlayın

"Buraya tıklayın" veya "daha fazlasını okuyun" gibi bağlantı metinleri erişilebilirlik açısından iyi değildir - URL'nin ne hakkında olduğunu açıkça açıklamalıdırlar. Bu, özellikle ekran okuyuculara güvenen kişiler için yararlıdır. Yardımcı yazılım, bağlantıların bir listesini oluşturarak bağlantılar arasında geçiş yapabilir.

İşte bağlantılarla ilgili bazı öneriler:

  • ham URL'lerden kaçının (https://website.com/page gibi), çünkü ekran okuyucular ne kadar uzun olursa olsun bunu kullanıcılara okuyacaktır
  • anlamlı anahtar kelimeler kullanın
  • birçok ekstra kelimeden kaçının ve özlü kalın
  • bağlantı metnini doğal olarak içeriğe entegre edin
  • metnin geri kalanından bağımsız olarak iyi okunduğundan emin olun
  • bir dosyanın indirilmesine yol açarsa, türünü ve boyutunu belirtin (“Belge örneği (PDF, 5MB).”
  • aynı hedefe giden ekstra bağlantılardan kaçının

2. Resimler için ALT metni sağlayın

Alternatif veya ALT metni, görüntünün ne hakkında olduğunu açıklar. Ekran okuyucu yazılımı ile okunacaktır. ALT açıklaması açık, özlü ve yardımcı olmalıdır. Bir resim bağlantı olarak kullanılıyorsa, bağlantı hedefi ALT'de belirtilmelidir. Resimde bir metin varsa, onu kopyalamayı düşünün.

Görsellerinizi erişilebilir kılmak için temel bir kural olmasının yanı sıra, alternatif açıklamalar SEO açısından da inanılmaz derecede faydalıdır.

ALT niteliğini zorunlu kılmak mümkündür, böylece bir içerik düzenleyici veya yayın haklarına sahip bir kullanıcı tarafından asla atlanmaz. Örneğin, ALT, Drupal 8 ile oluşturulmuş web sitelerinde kutudan çıkar çıkmaz gereklidir. Ayrıca, büyük web sitelerinde ALT oluşturma işlemini otomatikleştirebilirsiniz ve tüm bunlar, geliştirme ekibimizin yardımıyla yapılabilir.

Erişilebilir resimler için ALT metni

3. Açık ve basit bir dil kullanın

Erişilebilir içerik oluşturmak için açık ve basit cümleler kullanın. Kısaltmalar (WCAG gibi) genişletilmelidir (Web İçeriği Erişilebilirlik Yönergeleri gibi). Teknik terimlerden kaçınılmalı veya açıklanmalıdır. Ancak, içeriğin hedef kitlesinin profesyonel düzeyine bağlıdır.

Basit ve anlaşılır bir dil kullanmak çok çeşitli durumlarda önemlidir:

  • bazı kullanıcılar bilişsel bozukluklara sahip olabilir
  • bazıları ikinci dil olarak İngilizce konuşabilir
  • bazıları ekran okuyuculara güvenmeli ve daha basit olmalı
  • bazıları sadece fikrinizi çabucak kavramak ister ve fazladan zamanı yoktur

4. İçeriğinizi iyi yapılandırın

İşte bir öncekine devam eden bir erişilebilirlik ipucu. İçeriği herkes tarafından kolayca anlaşılır kılmak için şunlara güvenebilirsiniz:

  • daha kısa paragraflar
  • başlıklar
  • madde işareti listeleri

ve benzeri.

Bu, kullanıcıların dikkatlerini önemli noktalara hızla odaklamalarına olanak tanır. Ekran okuyucular ayrıca içeriğinizde kolayca gezinir, bölümden bölüme geçer vb.

Ve diğer tüm erişilebilirlik yönergeleri gibi, iyi içerik yapılandırması da ortalama müşteriniz için kullanılabilirliği artırır, çünkü herkes iyi yapılandırılmış içeriği takdir eder ve çabucak kavrar.

5. Gerçek başlıklar kullanın

Yazarlar genellikle bazı ifadeleri daha büyük, daha cesur veya farklı bir renkle yaparak içeriklerini yapılandırırlar. Ortalama kullanıcılar için bu bir dikkat çekicidir.

Ancak bu, ekran okuyuculara güvenen kişilerde çalışmaz. Erişilebilir metin, herhangi bir yapı olmadan ve anlamlı bölümler arasında gezinme şansı olmadan yukarıdan aşağıya okunacaktır.

Bu yüzden belgenin yapısal unsurları olan gerçek başlıkları kullanmalı ve hiyerarşisini tanımlamalısınız. Bir sayfadaki en önemli başlık H1'dir ve bunu H2, H3 vb. izler. Bir ekran okuyucu bir başlık gördüğünde, onu "Başlık düzeyi bir" olarak okuyacaktır.

Bu ipucu yalnızca erişilebilirlik için geçerli değildir. Her iyi web sitesi, tercihen iyi bir SEO yöneticisi tarafından düzenlenmesi gereken uygun bir başlık yapısına ihtiyaç duyar.

6. Sayfa başlıklarınızı anlamlı ve benzersiz yapın

Erişilebilir içerik oluşturmanın ipuçlarından biri sayfa başlıklarına dikkat etmektir. Sayfanın HTML yapısının öğesi içinde bulunurlar. Sayfa başlıkları, sayfayla ilgili en alakalı bilgileri sağlamalı, kısa ve benzersiz olmalıdır.

7. Transkript veya altyazı içeren videolar ve sesler sağlayın

Transkriptler ve altyazılar, konuşulan içeriği yazılı metin olarak sunar. Altyazılar, konuşulan içerikle aynı anda ekranda metin parçaları olarak görünür. Transkriptler, içeriğin ayrı bir belgedeki metinsel versiyonlarıdır.

Video ve ses içeriği için transkriptler ve altyazılar çeşitli senaryolarda çok önemli olabilir. Şu kişilere yardımcı olabilirler:

  • duyamıyorum
  • iyi duyamıyorum
  • İngilizceyi ikinci dil olarak kullanmak
  • içeriği daha hızlı ve verimli bir şekilde kavramak istiyorum
  • bazı nedenlerden dolayı odadaki yüksek seslerden kaçınmak zorunda

ve dahası.

Konuşmayı metne dönüştüren ücretsiz ve ücretli hizmetler vardır. Örneğin YouTube, konuşma tanıma teknolojisini kullanarak otomatik altyazı sunar. Sadece söylenenleri değil, videoda veya seste neler olduğunu söylemek de genellikle önemlidir.

Tüm video veya ses içeriğinizi transkript veya altyazı ile sağlayamıyorsanız, isteğe bağlı olarak sağlamayı da düşünebilirsiniz.

Erişilebilir video için altyazılar

8. Belgeleri erişilebilir hale getirin

Web sitenizden indirilen ekli belgeleri unutmak kolaydır. Bu türden yaygın olarak karşılaşılan belgelerin çoğu Taşınabilir Belge Formatındadır (PDF). Yapısının yardımcı teknolojiler tarafından okunabilmesi için PDF'nin etiketlenmesi gerekir. PDF yazma araçları burada çok yardımcı olabilir.

Ancak çoğu durumda, PDF belgesine alternatif bir metin sağlamayı düşünmek daha iyidir.

9. Sosyal medya olanaklarını kullanın

Sosyal medyanın farklı erişilebilirlik seçenekleri vardır, bu yüzden bunları kullandığınızdan emin olmanız gerekir. Örnekler şunları içerir:

  • Twitter'da resimler için alternatif açıklamayı etkinleştirebilirsiniz
  • Instagram, resimler için sınırsız altyazıya izin verir
  • Facebook yüz tanıma özelliğini kullanıyor
  • daha önce de belirtildiği gibi, YouTube videolara otomatik olarak altyazı ekler

ve benzeri.

10. Web sitesi talimatlarını açık ve net hale getirin

Kullanıcıların girmesi gereken tüm talimatlar, hata mesajları ve gerekli veri biçimleri, erişilebilir olmaları için anlaşılır ve kısa olmalıdır.

“Sağa doğru”, “sola doğru” gibi veya renkleri kullanan yönergelere (örneğin “kırmızı düğmeye tıklayın”) dikkat etmeyi unutmayın. Ekran okuyucular içeriği doğrusal olarak özümserler — yukarıdan aşağıya okurlar, bu nedenle onların durumunda “sol” veya “sağ” yoktur.

Bu arada, aynısı en popüler tasarım tekniği olan duyarlı web tasarımı için de geçerlidir. Duyarlı tasarımdaki yerleşim öğeleri, mobil cihazlarda mükemmel görüntü elde etmek için yeniden sıralanabilir, bu da talimatları dikkatli bir şekilde yazmak için başka bir nedendir.

Web sitenizin erişilebilirliği konusunda size yardımcı olalım

Bununla birlikte, erişilebilir içerik oluşturma kuralları, genel olarak bugünün web'inin altın kurallarına benziyor. Web sitenizi birçok yönden daha iyi hale getirirler.

Ve hayatın altın kuralları, kendinizi başkalarının yerine koymaktır - bu nedenle her zaman farklı izleyicilerin içeriğinizi nasıl algılayacağını hayal edin.

Web ajansımız, web sitenizi tüm teknik yönleriyle erişilebilir hale getirmenize yardımcı olmaya hazır. İçerik söz konusu olduğunda, günlük iş akışlarınızda erişilebilir içerik oluşturmanız için size teknik bir arka plan sağlayabiliriz. Detayları tartışalım!