1. Engelli İnsanları Tanıyın

Web sitenizi erişilebilir yapmanızın nedeni, engelli insanların herkes için sunulan içeriğe, istediklerinde kolayca erişebilmelerini sağlamaktır.

Engelli insanlar kimler?

• Görme engelliler
• Kısıtlı görüşe sahipler
• İşitsel engelliler
• Ellerini kullanamayanlar
• Bilişsel engele sahipler

Bahsi geçen engeller ve bu engellerin türevleri websitenizde erişilebilirlik sağlayabileceğiniz kişileri belirlemektedir. Birçok engelli insan olmasına rağmen, eğer en yaygın engelleri anlarsanız, bilgilerinizin erişilebilir olmasını sağlayabilirsiniz

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:

• Blog gönderileri
• Son gönderiler
• İlişkili gönderiler
• Son mesajlar
• Blog arşivi

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.

4. Renkleri Özenli Seçin

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
• Ligula cras egestas

5. Yazılara Link Verin

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.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam porta sem malesuada magna mollis euismod.

Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Etiam porta sem malesuada magna mollis euismod. Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

• Duis mollis ipsum luctus
• Ligula cras egestas
• Duis mollis luctus
• Ligula cras egestas

4. Renkleri Özenli Seçin

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
• Ligula cras egestas