Hata Mesajı HTML Şablonları
Hata durumları, ziyaretçilere ne olduğunu ve bir sonraki adımda nereye gideceklerini belirtmelidir. Bu HTML şablonları durum metinlerini, açıklamaları ve kurtarma eylemlerini 404 sayfaları, doğrulama hataları ve diğer sistem mesajları için yeniden kullanılabilir işaretlemeler halinde düzenler.
Metin ve Düğme Kategorisinden daha fazla HTML Şablonları
Diğer Metin ve Düğme HTML Şablonları
Temiz Hata Mesajı HTML Şablonları
Hata mesajı HTML şablonları, bir sorun çıktığında kullanabileceğiniz hazır işaretlemeler sunar. Her biri sorunu belirten bir başlığı, kısa bir açıklamayı ve devam etmek için bir bağlantıyı veya butonu bir araya getirir. Buradaki tasarımların birçoğu 404 ekranları ve kompakt hata bloklarıdır. Aynı parçalar, bir hata bir formun içine girdiğinde veya başarısız bir isteği takip ettiğinde farklı davranır.
Bağımsız Bir 404 Sayfasının Arkasındaki İşaretleme
Hata tüm sayfayı kapladığında, işaretleme genellikle şu sırada yerleşir:
- Sorunu açık ifadelerle belirten bir ana başlık; çünkü devasa bir 404 sayısı, ekran okuyucuyla başlıklar arasında geçiş yapan biri için çok az şey ifade eder.
- Altında yanlış yazılmış bir adres veya taşınmış içerik gibi olası bir nedeni öne süren kısa bir paragraf.
- Ana sayfaya veya ziyaretçinin büyük olasılıkla ulaşmak istediği bölüme yönlendiren birincil bir bağlantı.
- Eski bir yer işaretinden gelenler için isteğe bağlı ikincil gezinme veya bir arama alanı.
Bir sunucu genellikle istenen hatalı adres için özel bir 404 sayfası sunar; bu nedenle o adres birkaç klasör derinliğinde olduğunda göreli bağlantılar ve görsel yolları bozulabilir. Kök dizine göreli yollar (root-relative), zaten kaybolmuş birine gösterilmesi tuhaf kaçacak yarı bozuk bir hata sayfasını engeller.
Alanlarda ve Başarısız Gönderimlerde Satır İçi Geri Bildirim
Bir formun içinde hata, tam bir belgeden sorun yaşanan öğenin yanındaki bir veya iki cümleye küçülür. İşaretleme bu durumda ziyaretçinin az önce karşılaştığı soruna göre şekillenir:
- Bir doğrulama hatası, kaynak sırasında doğrudan ilgili alanın ardından gelmelidir ve bir "aria-describedby" referansı, yardımcı teknolojinin etiketi ve çözüm önerisini birlikte okumasını sağlar.
- Başarısız bir istek, onu tetikleyen kontrolün yakınında, sayfayı yeniden yüklemeden durumu duyuran bir canlı bölge (live region) içinde bir mesaja ihtiyaç duyar. Yeniden denemek için gerçek bir buton uygundur, çünkü bir bağlantının başka bir yere yönlendirmesi gerekir.
- Uzun bir form, her sorunun doğrudan ilgilenilmesi gereken giriş alanına atlayan bir sayfa içi bağlantı olduğu kısa bir özetle açılabilir.
Erişilebilirliğini Koruyan Yeniden Kullanılabilir Bloklar
Bir hata bloğu, parçaları tek bir kapsayıcıyı paylaştığında en kolay şekilde yeniden kullanılır; böylece birim, bir 404 sayfasından bir panele tek bir parça halinde taşınabilir. Nicepage'in önceden tasarlanmış Elements ve Blocks özellikleri, tuval üzerinde böyle bir birimi düzenlemeyi hızlandırır. Dışa aktarılan HTML'de başlık seviyesi ve bağlantı ile buton arasındaki seçim yine de hızlı bir kontrol gerektirir; çünkü her ikisi de bloğun nasıl seslendirileceğini belirler.
En güçlü hata mesajı HTML şablonları, okuma sırasını ve ekran okuyucu bağlantılarını koruyarak tam bir sayfadan tek bir alana kadar ölçeklenebilen işaretlemelere sahiptir.