Herkesin ihtiyaçlarına uygun bir site ile daha fazla okuyucu çekin
Web sitenizi engelli kişiler tarafından erişilebilir hale getirerek, sonuçta herkes için erişilebilir hale geliyorsunuz. Aslında, web sitenizi daha erişilebilir hale getirmek, kullanıcıların web sitenizi arama motorlarında bulmasına bile yardımcı olabilir. Niye ya? Çünkü arama motorları, web sitenizin içeriğini bulmak ve anlamak için okuyucuların yaptıkları aynı sinyallerden bazılarını kullanır.
Ancak kodlama uzmanı olmadan tam olarak nasıl erişilebilir bir web sitesi yaparsınız?
Temel HTML bilgisine sahip hemen hemen herkesin web sitelerinin erişilebilirliğini iyileştirmek için kullanabileceği bazı ipuçları ve püf noktaları.
Web Erişilebilirlik Araçları
W3C, web sitenizdeki olası sorunları tespit etmek için bir denetleyici olarak kullanabileceğiniz harika bir web erişilebilirlik araçları listesine sahiptir. Bununla birlikte, hala bir ekran okuyucu ile keşfetmeyi ve kendiniz için deneyimlemeyi tavsiye ediyorum.
İlgili Okuma: Yardımcı Teknoloji Nedir ve Nasıl Çalışır?
Ekran Okuyucular Anlamak
Web sitenizin erişilebilirliğini iyileştirebilmenin en önemli yollarından biri, ekran okuyucuları tarafından anlaşıldığından emin olmaktır. Ekran okuyucular, ekrandaki metni okumak için sentezlenmiş bir ses kullanır. Bu oldukça basit geliyor; Ancak, ekran okuyucuları web sitenizi şu anda kurduğunuz şekilde anlayamayabilir.
Yapmak isteyebileceğiniz ilk şey bir ekran okuyucuyu denemek ve nasıl gittiğini görmek. Mac kullanıyorsanız, VoiceOver'ı kullanmayı deneyin.
- Sistem Tercihleri'ne gidin.
- Erişilebilirlik'i seçin .
- VoiceOver'ı seçin .
- VoiceOver'ı etkinleştir kutusunu işaretleyin .
Komut-F5'i kullanarak açıp kapatabilirsiniz.
Bir Windows makinesindeyseniz, NVDA'yı indirmek isteyebilirsiniz. Kısayol kontrolü + alt + n ile açıp kapatmak için ayarlayabilirsiniz.
Her iki ekran okuyucu, kullanıcının klavyeyle gezinmesine izin vererek çalışır (bu bir anlam ifade etmez - eğer göremiyorsanız, bir fare kullanmak zor olabilir) ve gezinme için bir odak alanı oluşturarak. Odak noktası, klavyenin "sivri" olduğu yerlerde olur, ancak genellikle bir imleç yerine odak nesnesinin etrafında vurgulanmış bir kutu olarak görüntülenir.
Varsayılan ayarlar rahatsız edici ise, ses seviyesini ve sesin okuduğu hızı değiştirebilirsiniz (standart bir sesli okumayı dinlerken yaklaşık beş dakika sonra, genellikle). Kör insanlar genellikle ekran okuyucularında yüksek hızlara sahip web sitelerini okurlar.
Bunu yaparken gözlerinizi kapatmaya yardımcı olabilir, ancak onları açık tutmaya ve karşılaştırmaya da yardımcı olabilir. Web sitenizi dinlemeye çalıştığınızda hemen fark edebileceğiniz bazı şeyler, metnin bir kısmının bozuk olabileceğidir. Başlıklar ve masalar karışık olabilir. Görüntüler atlanabilir veya "görüntü" ya da eşit derecede yararsız bir şey diyebilir. Tablolar, bağlamsız bir dizi öğe olarak okunma eğilimindedir.
Umarım bunu düzeltebilirsin.
Alt-Etiketler veya Alternatif Özellik
Alt etiketi veya alternatif (alt) özniteliği, bir görüntüyü tanımlamak için HTML'de kullanılır. HTML’de şunun gibi görünüyor:
Web sitenizi HTML kodunuzu gizleyen görsel bir araçla yapsanız bile, neredeyse her zaman bir resim açıklaması girme şansınız olur. Hiçbir şey giremezsiniz (alt = "") ancak her bir resme faydalı bir açıklama vermek gerçekten daha iyi olur. Eğer kör olsaydın, imaj hakkında neyi bilmelisin? "Kadın" çok fazla yardım etmiyor, ama belki de "Erişilebilirlik, kullanılabilirlik, markalaşma ve tasarım dahil olmak üzere tasarım akış şemasını çizen kadın."
Başlık Metni
Web siteleri her zaman HTML başlık etiketini görüntülemez, ancak ekran okuyucuları için yararlıdır. Web sitenizin sayfalarının, ziyaretçilere sayfanın ne hakkında olduğunu anlatan açıklayıcı (ama aşırı derecede ayrıntılı olmayan) bir başlığa sahip olduğundan emin olun.
Web Sitenize İyi Bilgi Hiyerarşisi Verme
Büyük metin parçalarını üstbilgilerle ayırın ve mümkünse üstbilgileri H1, H2, H3 hiyerarşisi ile uygun şekilde kullanın. Web sitenizi sadece ekran okuyucuları için kolaylaştırmakla kalmaz, herkes için daha kolay hale getirir. Ayrıca, Google’ın ve diğer arama motorlarının web sitenizi daha iyi endekslemelerine yardımcı olması için harika bir işarettir.
Benzer şekilde, web sitenizin mantıklı bir içerik düzeninde olduğundan ve ilgisiz bilgiler içeren kutularınızın olmadığından emin olmalısınız. Reklamları kullanıyorsanız, reklamlarınızın aşırı rahatsız edici olmadığını ve web sitenizdeki metni çok sık dağıtmadığını unutmayın.
Daha İyi Tablolar Yap
HTML tabloları kullanıyorsanız, bir tablo başlığını kalın metinle yazmak yerine ekran okuyucularla daha kolay anlaşılmasını sağlamak için etiketi kullanarak tablolarınıza altyazı ekleyebilirsiniz. Ayrıca, "kapsam" öğesini ekleyebilir ve tablonuzdaki yeni satır ve sütunları net bir şekilde etiketleyebilirsiniz. Böylece, ekran okuyucular herhangi bir bağlam vermeden bir dizi tablo hücresine saldıramazlar.
Klavye Gezinme
Genel olarak, web sitenize koyduğunuz her şey, birisinin sadece bir klavyeyi kullanarak yapabileceği bir şey olmalıdır. Bu, bir ekran okuyucusuyla kullanamıyorsanız, gezinme düğmelerinizin animasyonlu açılan düğmeler olmaması gerektiği anlamına gelir (bunu deneyin ve emin değilseniz, bazı düğmeler klavye kullanımı için programlanır.)
Kapalı Altyazılar
Web sitenize video veya ses öğesi eklerseniz, altyazılarının olması gerekir. HTML5 ve birçok video akışı hizmeti (YouTube gibi), kapalı altyazı desteği sunar. Gizli altyazılar, yalnızca erişilebilirlik için değil, aynı zamanda web sitenizi bir ofiste veya gürültülü bir konumda olduğu gibi sesli olarak çalınamayacakları bir yerde gezen kullanıcılar için de kullanışlıdır.
Podcast'ler veya diğer ses öğeleri için bir metin transkript sağlamayı düşünün. Sesi dinleyemeyen kişiler için yararlı olmasının yanı sıra, Google'ın ve diğer arama motorlarının bu içeriği endekslemesini ve Google sıralamanıza yardımcı olmasını kolaylaştıracaktır.
ARYA
İleri düzey erişilebilirlik seviyesine gitmek istiyorsanız, HTML5 ARIA veya WAI-ARIA özellikleri ileriye dönük yeni standart olmayı hedeflemektedir. Bununla birlikte, bu karmaşık (ve gelişen) bir teknik kılavuzdur, bu yüzden yapabileceğiniz şey, web sitenizin ele alabileceğiniz herhangi bir sorun olup olmadığını görmek için taramak üzere bir ARIA doğrulayıcı kullanmanızdır. Mozilla da ARIA ile başlamak için daha ulaşılabilir bir rehber var.