- Konu sahibi
- #1
HTML doğrulama araçları hangi sorunları bulur?
HTML doğrulama araçları, bir belgenin seçilen HTML standardının kurallarına uyup uymadığını denetler. En çok hatalı veya eksik etiketleri, yanlış iç içe geçmiş öğeleri, geçersiz öznitelikleri, zorunlu değer eksiklerini ve bazı kimlik çakışmalarını bulur. Ancak doğrulama sonucu temiz çıkan bir sayfa otomatik olarak erişilebilir, hızlı, güvenli veya tüm tarayıcılarda görsel olarak doğru kabul edilmez.
Hangi sorunları tespit eder?
Bir doğrulayıcı genellikle şu tür hataları raporlar:
- Sözdizimi ve kapanış hataları: Kapanmamış etiketler, yanlış kapanış sırası ve etiketlerin hatalı iç içe geçirilmesi.
- Geçersiz veya yanlış yerde kullanılan öğeler: Bir öğenin HTML standardında bulunmaması ya da yalnızca belirli bir üst öğe içinde kullanılabilmesi.
- Geçersiz öznitelikler: Bir etikete ait olmayan öznitelikler, yazım hataları veya öznitelik değerinin eksik olması.
- Eksik zorunlu bilgiler: Bazı öğelerin gerektirdiği öznitelik ya da yapı parçalarının bulunmaması.
- Belge yapısı sorunları: Belge türü bildiriminin eksik veya hatalı olması ve öğelerin izin verilen yapıya uymaması.
- Tekrarlanan kimlikler: Aynı
iddeğerinin bir belgede birden fazla kez kullanılması gibi benzersizlik sorunları. - Uyarılar: Her zaman geçersizlik anlamına gelmeyen, fakat incelenmesi gereken uyumluluk veya standart kullanım notları.
Raporun “hata” ve “uyarı” ayrımını dikkate alın. Hata, belgenin seçilen standarda uymadığını gösterir; uyarı ise çoğu zaman olası bir sorun veya tercih edilmesi gereken bir kullanımı belirtir. Bir aracın bildirmediği konu, o konunun kesinlikle doğru olduğu anlamına gelmez.
Somut bir örnek
Aşağıdaki kurgu parçada aynı id iki öğeye verilmiş, içerik görselinin alt metni atlanmıştır:
Kod:
<div id="urun">Ürün açıklaması</div>
<div id="urun">
<img src="urun.jpg">
</div>Bir HTML denetleyicisi yinelenen id ve eksik alt bilgisini gösterebilir. Örneğin kimlikleri ayırıp görselin işlevine uygun alternatif ekleyin:
Kod:
<div id="urun-aciklamasi">Ürün açıklaması</div>
<div id="urun-gorseli">
<img src="urun.jpg" alt="Ürünün önden görünümü">
</div>Burada görsel gerçekten içerik taşıyorsa açıklayıcı bir
alt metni yazılır. Görsel yalnızca dekoratifse boş alt="" kullanımı uygun olabilir; dosya adını veya “resim” kelimesini tekrar etmek açıklayıcı alternatif metin sayılmaz.| Denetim türü | Bulabileceği örnek | Bulamayacağı tipik konu |
|---|---|---|
| HTML doğrulama | Geçersiz etiket, öznitelik veya yapı | Ekran tasarımının doğru görünmesi |
| Erişilebilirlik denetimi | Bazı adlandırma ve yapı eksikleri | Her kullanıcı senaryosunun sorunsuz olması |
| Tarayıcı testi | Gerçek görüntüleme ve etkileşim davranışı | Kodun standarda tam uyumu |
| Performans testi | Yükleme ve çalışma maliyetleri | HTML sözdiziminin geçerliliği |
Doğrulama nasıl uygulanır?
Aracın URL ile eriştiği sayfayı, yüklediğiniz HTML dosyasını veya doğrudan yapıştırdığınız kaynak kodunu denetleyebilirsiniz. Sonuçları şu sırayla ele almak pratik olur:
- Denetlenecek sayfanın gerçek HTML çıktısını seçin. Sunucu tarafında oluşturulan sayfalarda yalnızca şablonu değil, tarayıcıya gönderilen çıktıyı inceleyin.
- Kullanılan belge türünü ve HTML sürümünü aracın seçtiği standarda göre kontrol edin. Farklı bir standardı seçmek aynı kod için farklı sonuçlar doğurabilir.
- İlk hata mesajını ve bildirdiği satır-sütun konumunu inceleyin. HTML’de bazı kapanış etiketleri belirli koşullarda isteğe bağlıdır; her yazılmamış kapanışı hata sanmayın. Gerçek bir yapı hatası, devamındaki satırlarda çok sayıda yanıltıcı hata oluşturabilir.
- Kaynak kodda düzeltmeyi yapıp aynı belgeyi yeniden doğrulayın. Birbirine bağlı hatalarda önce üst yapı, sonra iç öğeler düzeltilmelidir.
- Hata kalmadığında sayfayı gerçek tarayıcılarda, klavye ile kullanımda ve erişilebilirlik denetimlerinde ayrıca test edin.
Sonuçları yorumlarken aracın neyi denetlediğini bilmek önemlidir:
Bu nedenle doğrulama, yayın öncesi kalite kontrolünün bir parçasıdır; diğer testlerin yerine geçmez. Özellikle JavaScript ile sonradan eklenen içerik, form davranışı, responsive düzen, renk kontrastı ve sunucu yanıtları için ayrı kontroller gerekir.
Sık yapılan anlamlı hatalar
“Tarayıcıda açılıyorsa doğrudur” varsayımı yanlıştır. Tarayıcılar bozuk HTML’yi çoğu zaman hata ayıklayarak göstermeye çalışır; bu, belgenin standartlara uygun olduğunu kanıtlamaz.
Tüm uyarıları hata sanmak da doğru değildir. Her mesajın önemini ve önerilen düzeltmenin sayfanın amacına uyup uymadığını kontrol edin.
Yalnız ana sayfayı denetlemek başka bir yaygın eksiktir. Şablon, form, arama sonucu ve içerik sayfaları farklı HTML üretebilir; her benzersiz çıktı türü ayrıca kontrol edilmelidir.
