Anasayfa > Web Standartları Kontrol Listesi

WEB STANDARTLARI

Bookmark and Share

Web standartları herkes için farklı bir anlama gelebilir. Bazıları için yaratıcılığı kısıtlayan lüzumsuz kurallar dizisi, bazıları için geçerli kod kullanılan tablosuz siteler anlamına gelse de web standartlarını uygulamak bunun ötesinde bir durumdur.

Genel olarak web standartları CSS tabanlı, erişilebilir, kullanılabilir, arama motoru dostu, sunum (tasarım öğeleri) ve içeriğin ayrı katmanlarda olduğu bir site mimarisi oluşmaktır. Erişilebilirlik, kullanılabilirlik ve arama motorları uygunluğu artık iç içe geçmiş birbirinden ayrı düşünülemez yapıtaşlarıdır. Tüm bunların yanında web standartlarına uygun çalışmalar çıkartma çabası bu işi meslek edinenlerin kendine, işine ve müşterilerine gösterdiği saygıdır.

WEB STANDARTLARI KONTROL LİSTESİ

Bu liste bir olmazsa olmaz listesi değildir. Buradaki özelliklerin hepsinin her sitede uygulanması şart değildir. Web Standartlarına geçiş yapmak isteyenler için iyi bir rehber olacağını düşünüyoruz. Aşağıdaki tüm başlıkları ilerleyen zamanda detaylandıracağız.

  1. Kodlama Kalitesi
    1. Doğru Doküman (Doctype) Tipi kullanıldı mı?
    2. Doğru Karakter Seti kullanıldı mı?
    3. Geçerli (X)HTML kullanıldı mı?
    4. Geçerli CSS kullanıldı mı?
    5. Geçerli olmayan CSS metodları (hacks) kullanıldı mı?
    6. CSS içinde gereksiz sınıf (class) ve tanımlar (id) kullanıldı mı?
    7. Planlı ve düzgün bir kodlama yapısı var mı? Taglar anlamlarına göre kullanılmış mı? (h1, h2, p, ol , ul, li...)
    8. Sitede kırık bağlantılar mevcut mu?
    9. Sayfa boyutları siteye erişim performansını olumsuz etkiliyor mu?
    10. Sayfalarda Javascript hataları bulunuyor mu?
  2. İçerik ve Sunum Katmanlarının Ayrışma Seviyesi
    1. Sunum elementleri (font tipi, büyüklüğü ve rengi, çerçeveler, ötelemeler vs.) CSS üzerinden mi kontrol ediliyor?
    2. CSS dosyası sayfaya dışarıdan bağlı mı?
    3. Dekoratif tüm imajlar CSS üzerinde bulunuyor mu?
  3. Kullanıcı Bazında Erişilebilirlik
    1. Resim dosyaları “alt” etiketlerinde tanımlayıcı açıklamalar kullanılmış mı?
    2. Font ve nesne ölçülerinde net değerler (px) yerine göreceli değerler (em) kullanılmış mı?
    3. Font ölçüleri büyüdüğünde sayfa yerleşimi bozuluyor mu?
    4. Menüyü atla görünür adımı kullanılıyor mu?
    5. Formlar erişilebilir mi?
    6. Tablolar erişilebilirlik kurallarına uygun yapıda mı? (Summery, Caption, th vs.)
    7. Yazılar ve zemin renkleri parlaklıkları ve aralarındaki kontrast renk körlüğü eşiklerine uygun mu?
    8. Önemli bilgilerde renk kullanımı var mı?
    9. Açılan menülerdeki gecikme süresi motor yetenekleri kısıtlı engelli kişilere uygun mu?
    10. Bağlantı adları ve başlıkları görme engelli kullanıcılar için yeteri kadar açıklayıcı mı?
  4. Donanım Bazında Erişilebilirlik
    1. Siteniz eski ve modern tarayıcılarda aynı şekilde çalışıyor mu?
    2. CSS iptal edildiğinde ya da desteklenmediğinde sitedeki içeriğiniz erişilebilir ve anlaşılabilir mi?
    3. Resim dosyalarınız iptal edildiğinde ya da desteklenmediğinde sitedeki içeriğiniz erişilebilir ve anlaşılabilir mi?
    4. Javascript iptal edildiğinde ya da desteklenmediğinde sitedeki içeriğiniz erişilebilir ve anlaşılabilir mi?
    5. Büyük ölçekli flash içeriklerin alternatif HTML versiyonu mevcut mu?
    6. Siteniz Lynx gibi yazı tabanlı tarayıcılarda düzgün çalışıyor mu?
    7. Siteniz sayfaları yazıcı çıktısında düzgün ve okunabilir bir sonuç veriyor mu?
    8. Siteniz el cihazlarında görüntülenebiliyor mu?
    9. Sitenizin meta dataları detaylı ve açıklayıcı şekilde tanımlanmış mı?
    10. Sayfalar farklı ekran çözünürlüklerine uygun mu?
    11. Alan adında "www" yazmadan da siteye erişilebiliyor mu?
    12. Özelleştirilmiş "404" kodlu hata sayfası var mı?
  5. Temel Kullanılabilirlik Unsurları
    1. Site kolay anlaşılabilir hiyerarşik bir görünüme sahip mi?
    2. Konu başlıkları anlaşılabilir mi?
    3. Site navigasyonu kolay ve anlaşılabilir mi?
    4. Site navigasyonu tutarlı mı?
    5. Yazı bağlantılar kolayca fark edilebiliyor mu? Altları çigili mi?
    6. Sitede dilbigisi ve yazım hataları mevcut mu?
    7. Anlatım özellikleri sitenin heryerinde aynı ve tutarlı mı?
    8. Site haritası mevcut mu?
    9. İletişim bilgileri sayfası mevcut mu? Bulunması kolay mı?
    10. Her sayfa da anasayfaya dönüş bağlantısı mevcut mu? Bulunması kolay mı?
    11. Ekmek kırıntısı (BreadCrumb) tabir edilen sitedeki konumu belirten menü yapısı kullanılıyor mu?
    12. Site içi Arama uygulaması bulunuyor mu?
    13. Ziyaret edilmiş bağlantılar farklı renkle ayrıştırılıyor mu?
    14. Formlarda zorunlu alanlar kesin bir şekilde belirtilmiş mi?
    15. Formlarda tab adımları (Tab index) düzgün sıralı mı?
    16. Favicon kullanılmış mı?
    17. Hata mesajları açık ve anlaşılır mı?
  6. Arama Motoru Optimizasyonu uygunluğu (SEO)
    1. XML Sitemap var mı?
    2. Meta etiketler tanımlanmış ve karakter sınırlarına uyulmuş mu? (Title, description, keyword...)
    3. Robot.txt kullanılmış mı?
    4. Klasör isimlendirmeleri açıklayıcı ve tanımlayıcı mı?
    5. Dosya isimleri açıklayıcı ve tanımlayıcı mı? Dinamik veriler barındırıyor mu?
    6. Flash uygulamalar için SEO desteği sağlanmış mı?
  7. Altyapı
    1. Form kontrolleri sunucu ve istemci tarafında yapılıyor mu?
    2. Gönder ve onayla gibi aksiyonlar için “CAPTCHA“ kullanılyor mu?
    3. Görme engelliler için “CAPTCHA“ da ses desteği var mı?

Bookmark and Share

Hizmetler

Web Standartları

Web Standartları Kontrol Listemizden sitenizin uygunluğu karşılaştırın.

Kullanılabilirlik

Mouse Tracking nedir?