10 Adımda Erişilebilir Web
2. Başlıkları Ayarlayın
Bir sayfaya başlık eklemenin iki yolu vardır. Tercih edilmeyen ilk yolu, yazının biçimini değiştirerek; ikici yolu ise, içeriğinizi hiyerarşik olarak altbaşlıklardan oluşacak şekilde başlıklar eklemektir.
Başlıklar içeriğinizin daha kolay taranmasını sağlar. Örneğin, bazı ekran okuyucular sadece kullanıcılara başlıkları listeler. Bu durumda, kullanıcı hiyerarşik olarak yapılandırılmış başlıkları anlayarak içeriğe erişimi kolaylaşır.
Heading 1 ile bir yapıya başlıyorsanız alt başlıkları Heading 2, Heading 3 şeklinde düzenlemeniz başlangıç için güzel bir yol olabilir. HTML’de başlık oluştururken kullanabileceğiniz etiketler aşağıdaki gibidir:
<H1> başlık 1 </H1> başlık 1
<H2> başlık 2 </H2> başlık 2
<H3> başlık 3 </H3> başlık 3
3. Sayfa İçinde Çok Fazla Bilgi Barındırmayın
Sayfanızı ziyaret eden kişilere mümkün olduğunca bilgi sağlamak isteyebilirsiniz. Fakat bu durumun, ziyaretçilerinizi çok fazla bilgiye maruz bıraktığını gözardı etmemeniz gerekmektedir.
Aynı anda her çeşit bilgiyi ziyaretçilerinize sunmak zorunda değilsiniz. Bunun yerine farklı başlıklar altında bilgilerinizi sunmanız, içeriğin anlaşılmasını kolaylaştıracaktır.
Aşağıdaki maddeleri inceleyebilirsiniz:
Yukarıdaki maddelerin herbiri tek bir sayfaya ait olabilir fakat, unutmamanız gereken; bir sayfada ne kadar az içerik varsa, o sayfanın anlaşılması o kadar kolay olacaktır. Bu nedenle, içeriğinizi mantıklı parçalara bölmeniz ziyaretçilerinizin bilgileri anlamalarını kolaylaştıracaktır.
İçeriğin mantıklı parçalara bölünmesi, herkes için bilginin kolay anlaşılmasını sağlar. Fakat, özellikle bilişsel engeli olan insanlar, bilgilerin okunması ve anlaşılması hangi sitede daha kolaysa, o siteyi ziyaret etmeyi tercih eder.
4. Renkleri Özenli Seçin
Belirli durumlarda renklerin kullanılması sitenizi geliştirir ve insanların sitenizdeki bilgileri daha kolay bulabilmesini sağlar. Ana içerik için bir renk, menüler için farklı bir renk ve zorunlu bilgiler için farklı bir renk kullanabilirsiniz.
Fakat, sadece bilgilerle iletişim kurduğunuzda renkleri kullanmayınız. Örneğin eğer sitenize bir form yerleştirirseniz, zorunlu alanlar için kırmızı rengini kullanmanız uygun olabilir fakat, zorunlu alanlarda insanların anlamalarını kolaylaştıracak alternatif yollar da denemeniz gerekmektedir. Örneğin, "*" işaretini eklemek ya da "(zorunlu)" demek, insanların kırmızı rengi zorunlulukla bağdaştırmalarını kolaylaştıracaktır.
Bunun yanı sıra, "devam etmek için kırmızı oka basınız" gibi bir yönerge vermek yerine, "ileri" yazınız.
5. Yazılara Link Verin
Sitenizi kurmaya başlarken, kendi sayfasınıza ya da başkalarının sayfalarına link vereceksinizdir.
Diğer sayfalara link verirken, iki durumu belirtmeniz gerekiyor:
Link vereceğiniz sayfa
Link vereceğiniz sayfanın yazısı
Genellikle linkler için “buraya tıklayın” gibi bilgi vermeyen yazılar görürsünüz. Web sitenizin erişilebilirliğini sağlayabilmek için, linklere bilgi veren ve kullanıcının anlayabileceği yazılar girmeniz idealdir.
Kötü örnek: Userspots yazılarını okumak için buraya tıklayın.
İyi örnek: Userspots blog yazılarını okuyun
4. İmajları Etiketleyin
İnsanların kullandıkları ekran okuyucular yazılara duyarlıdır. Yani imajları okuyamamaktadır. Eğer, imajınızı etiketlereyek imajın tanımladığı unsuru belirtirseniz, ekran okuyucuları bunları kolaylıkla algılayabilecek ve bilginin anlaşılması sağlanacaktır. Bu tanımlamaları mümkün olduğunca kısa tutmanız gerekmektedir. Örneğin, "bu imaj şunu içeriyor" gibi bir açıklamayla başlamayın. Eğer imaj bir köpek resmiyse, sadece "köpek" yazın. Eğer oynayan bir çocuk resmiyse, sadece "oynayan çocuk" yazın.
Birçok içerik yönetim sistemi yüklediğiniz imaja tanım yazmanıza izin verir. Siz imajı yüklerken, sistemde "alternatif yazı (alternative text)" veya "imaj altyazısı (image caption)" gibi bilgilerin altını doldurabilirsiniz.
Eğer imaj herhangi bir bilgi sağlamıyorsa ve yalnızca dekorasyon amacıyla ekleniyorsa, bu imajları tanımlaya gerek duyulmaz. Eğer sayfanızı HTML'de tasarlıyorsanız, imajınızı ekledikten sonra alt="" satırını boş bırabilirsiniz. Bu durum, ekran okuyucuya boş bırakılan yerde bir imaj olduğunu ve bu imaja erişilebildiğini fakat, imajın tanımlanmasına ihtiyaç duyulmadığını anlatır.
10. İletişim Bilgisi Sağlayın
Bazı insanların websitenizi kullanabilmeleri için daha fazla bilgiye ihtiyaçları olabilir. Herkese eşit derecede hizmet sağlamanız için insanların sizinle veya anında yardım sağlayabilecek herhangi bir kişiyle iletişim kurabilmelerini kolaylaştıracak iletişim adreslerini verdiğinizden emin olunuz.
DUS MOLS, EST NON COMMODO LUCTUS, SECURE SHOPPING
Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Duis mollis ipsum luctus
Ligula cras egestas
Duis mollis luctus
LEYLİM LEY, LEYLİM LEY, RİMİ RİMİ REY
Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
10 ADIMI TAMAMLADINIZ
MUTLAKA WEB SİTENİZİ HEDEF KİTLEDEKİ ENGELLİ GRUBUYLA TEST EDİN
Duis mollis est non