Temel Erişilebilirlik Noktaları – Engelleri Kaldır

Userspots “Engelleri Kaldır” projesine erişilebilirlik konusunda içerik üretip proje için oluşturulacak web sayfalarını erişilebilir hale getirerek destek verecek. Bu konuda yazdığımız ilk makale erişilebilirliği sağlamak için dikkat edilmesi gereken temel noktalardan oluşuyor. Maddeler aşağıda:

1. Görseller

1.1 Aktif Görseller: Her aktif görsel için alt özelliği ile bir metin alternatif oluşturulmalıdır. Buna görselden oluşan linkler, görselin içinde imagemap kullanılarak oluşturulmuş linkler veya görsellerden oluşan form elemanları da dahildir. Metin alternatif görselin fonksiyonunu, linkin gideceği yeri açıkça anlatmalıdır. Eğer görsel metinden oluşuyorsa alt özelliği de aynı metni içermelidir.

1.2. Bilgi İçerin görseller: Alt özelliği ile görsellere metin alternatif yaratılmalıdır. Alt özelliğindeki metin görselle aynı bilgiyi içermelidir. Eğer bu mümün değilse, örneğin görsel bir grafikse, görsel alt özelliği ile açıklanmalı, açıklamanın olduğu bir dosyaya link verilmeli veya görselin açıklaması longdesc özelliğine yazılmalıdır. Eğer görsel metin içeriyorsa alt özelliği aynı metni içermelidir.

1.3. Gerekli olmayan görseller: Sayfadaki her görselin bir alt özelliği olmalıdır. Eğer bir görsel herhangi bir bilgi içermiyorsa alt özelliği boş olarak kullanılabilir. Burada dikkat edilmesi gereken konu link olan bir görsel kesinlikle boş alt özelliğine sahip olmamalıdır. Eğer bir görsel metin linkse ve link verilirken açıklama eklenmişse alt etiketi boş olabilir.

2.Linkler: Linkler için ‘buraya tıklayın’ yerine link okunduğunda anlamlı olacak açıklama yazılmalıdır. Metin içinde aynı ifade ile belirtilmiş linkler aynı yere gitmelidir.

3.Doğru Kodlama: Dökümanın yapısının düzgün bir şekilde gösterilmesi amacıyla alıntılar, başlıklar ve listeler için blockquote,li,h1 gibi anlamlı html kodları kullanılmalıdır. Sadece görsel etkiler yaratmak için anlamlı html kullanımından kaçınılmalıdır.

4. Sayfa içi Navigasyon: Sayfanın ana bölümleri arasında geçişi kolaylaştıracak yöntemler sağlanmalıdır.

5.Göreceli öğeler: Sayfalardaki öğelerin boyutlarını farklı ekranlar, tarayıcılar, metin boyutu özelliklerini dikkate alarak göreceli değerler olarak belirlenmelidir.

6. CSS: Sayfa sunumu css ile oluşturulmalıdır .Tablo kullanılması pek tavsiye edilmez ama bu bir hata değildir. font ve bgcolor gibi lokal özellikler eklenmemelidir. Sayfa css dosyaları kapatıldığında da anlaşılır olmalıdır.

7.Renk: Renkli bir şekilde sunulan bilgilerin hepsinin orada renk olmadığında da görülebilir olması gerekmektedir.

8. Kontrast: Arka plan rengi ile yazı rengi arasında yeterli derecede Luminosity kontrast oranı olmalıdır. (Luminosity kontrast oranı nedir? )

9. Klavye Erişimi: Sayfanın bütün fonksiyonelliği klavye ile erişilebilir halde olmalıdır.