Hibaüzenet HTML Sablonok

Tiszta hibaüzenet HTML-sablonok

A hibaüzenet HTML-sablonok kész jelölést biztosítanak arra az esetre, ha valami elromlik. Mindegyik sablon tartalmaz egy címsort, amely megnevezi a problémát, egy rövid magyarázatot, valamint egy hivatkozást vagy gombot a továbblépéshez. Az itt található tervek többsége 404-es képernyő és kompakt hibablokk. Ugyanezek az elemek másképp viselkednek, ha a hiba egy űrlapon belül jelenik meg, vagy egy sikertelen kérést követ.

Egy önálló 404-es oldal mögötti jelölés

Ha a hiba a teljes oldalt elfoglalja, a jelölés általában az alábbi sorrendet követi:

1. Egy fő címsor, amely közérthetően megfogalmazza a problémát, mivel egy óriási 404-es szám nem sokat mond annak, aki képernyőolvasóval navigál a címsorok között.
2. Egy alatta lévő rövid bekezdés, amely egy valószínűsíthető okot említ, például egy elgépelt címet vagy áthelyezett tartalmat.
3. Egy elsődleges hivatkozás vissza a kezdőlapra vagy arra a részre, amelyet a látogató a legnagyobb valószínűséggel keresett.
4. Opcionális másodlagos navigáció vagy keresőmező a régi könyvjelzőről érkezők számára.

A szerver általában egyedi 404-es oldalt ad vissza a kért hibás címre, így a relatív hivatkozások és képutak meghiúsulhatnak, ha az adott cím több mappa mélységben található. A gyökérhez képest relatív útvonalak megelőzik a félig hibás hibaoldalt, ami nem túl előnyös látvány egy olyan felhasználónak, aki már eleve eltévedt.

Beágyazott visszajelzés a mezőknél és a sikertelen beküldéseknél

Egy űrlapon belül a hiba egy teljes dokumentumból egy-két mondatra zsugorodik a hibás elem mellett. A jelölés ilyenkor attól a problémától függ, amibe a látogató éppen belefutott:

1. Az érvényesítési hiba közvetlenül a forráskódbeli mezője után következik, és egy „aria-describedby” hivatkozás lehetővé teszi, hogy a kisegítő technológia a címkét és a javítási útmutatást együtt olvassa fel.
2. Egy sikertelen kérés esetén a hibát kiváltó vezérlőelem mellett van szükség üzenetre, egy olyan élő régión (live region) belül, amely oldalújratöltés nélkül jelzi a hibát. Az újrapróbálkozáshoz egy valódi gomb felel meg, mivel a linkeknek más helyre kellene vezetniük.
3. Egy hosszú űrlap nyitható egy rövid összefoglalóval is, ahol minden probléma egy oldalon belüli hivatkozás, amely közvetlenül a figyelmet igénylő beviteli mezőre ugrik.

Újrafelhasználható, akadálymentes blokkok

Egy hibablokkot akkor a legkönnyebb újra felhasználni, ha a részei egyetlen konténeren osztoznak, így a modul egyetlen egységként vihető át egy 404-es oldalról egy vezérlőpultra. A Nicepage előre megtervezett Elements és Blocks elemei megkönnyítik egy ilyen egység gyors elrendezését a szerkesztőfelületen. A címsor szintjét, valamint a hivatkozás és a gomb közötti választást érdemes röviden ellenőrizni az exportált HTML-ben, mivel mindkettő meghatározza, hogyan történik a blokk felolvasása.

A leghatékonyabb hibaüzenet HTML-sablonok olyan jelöléssel rendelkeznek, amely a teljes oldaltól az egyetlen mezőig skálázható, miközben az olvasási sorrend és a képernyőolvasó-kapcsolatok épek maradnak.