Ayrık ve eksik öğeleri kafamızda tamamlar ve birleştiririz.

Yukarıdaki panda resminde şekil tamamlanmadığı halde, mevcut olan görüntü, şekli tamamlamak için yeterlidir.

Temel Erişilebilirlik noktaları şu şekildedir:

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.

Paul Sherman’ın Flickr’da paylaştığı üzerinde tartışılabilir tasarım örneklerinin bulunduğu resim setinin adıdır.

Web adresi: http://www.flickr.com/photos/paulsherman/sets/72157594396051523/

Örnek resimler:

Ters Piramit haber yazma şeklini anlatmak için kullanılan bir metafordur. Piramitin üstünde haberle alakalı 5N (Ne?, Nerede?, Ne zaman?, Nasıl?, Neden?) ve 1K (Kim) bilgilerinin verildiği yer ters piramitin üst bölümüdür. Haber bu şekilde başlayıp detay bilgilere girerek aşağıdaki şekildeki gibi iner.

important stuff = önemli şeyler
fluff= kıl, tüy, detay

Bu metafor ile kullanıcıların göz izleme sonucundan alınan okuma şekilleri tam örtüşmektedir. Kullanıcılar web üzerinde içerikler tam okumayıp tararlar. Bu yüzden ters piramidin en üstünde haberle ilgili tüm bilgilerin verilmesi kullanılabilirlik açısından önemlidir.