Kullanılabilirlik İpucu #1:Site Dışına Giden Linkler

Site dışına giden linkleri küçük bir hamle ile anlaşılır hale getirip kullanıcılara siteden çıkıp başka bir siteye gideceklerini kolayca anlatabiliriz. Örneğini Techcrunch‘da görebileceğimiz linkleri oluşturmak için CSS sayfasına aşağıdaki kodu eklememiz yeterli olacaktır.

a[href^="http:"] {
background: url(images/externalLink.gif) no-repeat right top;
padding-right: 15px;
}

http ile başlayan ama kendi sitenize gidecek linklerin normal gözükmesi için de aşağıdaki kodu eklemeliyiz.

a[href^="http://www.siteadiniz.com"] {
background-image: none;
padding-right: 0;
}

CSS sayfasına eklediğimiz kodda görebileceğimiz gibi linklerin yanına images klasörü altında bulunan “externalLink.gif” adlı dosyayı ekledik. Eklediğimiz imajı aşağıda bulabilirsiniz.