Internet ve Arama Motoru Optimizasyonu (SEO) Deneyimleri - Google ilk sayfa » Web Standartları

Readability: Web İçeriğinizi Daha Okunabilir Yapın

admin — Sat, 29 Aug 2009 12:18:47 +0000

Hiç tasarımı nedeni ile bir sitenin içeriğini okumakta zorluk çektiğiniz siteler oldu mu? Benim oldu.

Bu zorluğu aşmanın en kolay yolu CSS’i devre dışı bırakmak ancak bu yöntem de görüntü açısından tatmin edici değil. Diğer bir yöntem ise ise Readability bookmarklet’ini kullanmak. Bu yöntem ile içerik harici tüm elemanları (görseller, vb.) devre dışı bırakıyoruz ve bize gerekli olan metin kısmı okunabilir hale geliyor. Ayrıca bu yöntem size farklı renk kombinasyonları, yazı tipleri (font) boyutları ve satır aralıkları seçme özgürlüğü sağlıyor.

Bu araç çok da mükemmel bir çözüm değil ancak – eksi yönleri: tüm sitelerde çalışmıyor, bazen tüm metni göstermiyor – ama düşünce olarak güzel düşünülmüş.

Özgün makale: Roger Johansson tarafından Make more web content readable with Readability başlığı ile 456bereastreet.com sitesinde yayınlanmak üzere yazılmıştır.

Ekran Okuyucu Testi

admin — Mon, 16 Mar 2009 08:44:33 +0000

Görebilen bir Internet kullanıcısı olarak görmeyen veya görme sorunu yaşayan biri için Internet’te gezinti yapmanın ne kadar zor olduğunu anlamak için birkaç ekran okuyucu(screen reader) yazılım ile zaman geçirmenin faydalı olduğunu düşünüyorum.

Bu size hiçbir şey kazandırmasa bile ziyaret ettiğiniz sitenin erişebilirlik problemleri hakkında fikir verir. Ekran okuyucu yazılımlara sahip olmanız tasarladığınız sitelerin kullanıcılara engel teşkil edebilecek yerlerini görebilmeniz için ayrıca önemlidir.

Ekran okuyucu yazılımların kurulum ve ayar aşamaları biraz zor gelebilir ancak Todd Kloots’un yazmış olduğu “Bilgisayarınızı Ekran Koruyucu Yazılım için Ayarlamak” başlıklı yazı size yardımcı olacaktır.

Virtual PC, VMWare Fusion, Parallels Desktop ve Virtual Box gibi sanal bilgisayar(virtual machine) yazılımlarına ve Windows işletim sistemine sahip olmanız ayrıca JAWS, Window-Eyes, and NVDA ekran okuyucu(screen reader) yazılımlarının kurulum dokümanlarını okumanız kurulum ve ayar aşamasında size yardımcı olacaktır.

Benzer ipuçlarını içeren diğer bir makale ise Henny Swan’in yazdığı “Ekran Okuyucu Test Ortamı Kurulumu”dur.

Özgün makale: Roger Johansson tarafından Screen reader testing başlığı ile 456bereastreet.com sitesinde yayınlanmak üzere yazılmıştır.

Alt özelliği sadece görseller içindir

admin — Fri, 20 Feb 2009 21:19:14 +0000

Görsel kullanan HTML elementlerinde alternatif metin göstermek amacı ile alt özelliği kullanılır. Alternatif metin kullanmanın ise iki amacı vardır. İlki görselin çağırdığınız sayfada açılmaması durumunda(tarayıcının özelliğini kullanarak görselleri engelleme özelli etkinleştirilmiş olabilir, kullanılan tarayıcı görselleri desteklemiyor olabilir, görsel zarar görmüş olabilir, görsel bağlantısı hatalı olabilir, vb.) okuyucuya resim hakkında fikir vermek diğeri ise göremeyenlerin( kör ve görme sorunu yaşayan internet kullanıcıları) görselde ne olduğunu anlayabilmeleri içindir.

HTML 4.01 Strict sürümünde alt özelliği sadece şu elementler için geçerlidir:

Giriş elementlerinde (görsel submit butonlarda) alt özelliği kullanılması uygundur.

img ve area elementleri için alt özelliği gerekli iken giriş elementlerinde(görsel submit butonlarda) bu özelliğin kullanılması isteğe bağlıdır.

Zaman zaman alt özelliğini başka elementlerde, bağlantılar gibi, kullanan insanlar görüyorum. Bence bu şekilde kullanan kişiler asıl kullanmak istedikleri özellik title özelliğidir. Bu özellik bir element hakkında daha fazla bilgi vermek için kullanılır ki bu kişilerin yapmak istedikleri de budur. Bu konu hakkında daha fazla bilgiye ulaşmak için alt ve title özelliklerine göz atabilirler.

Özgün makale: Roger Johansson tarafından The alt attribute is for images only başlığı ile 456bereastreet.com sitesinde yayınlanmak üzere yazılmıştır.