Checkliste

Folgende Punkte solltest du beim Erstellen eines robusten Webprojektes beachten.

Das Projekt funktioniert mit kurzen oder gar nicht vorhandenen Inhalten
Das Projekt funktioniert mit überlangen Inhalten
Es gibt eine gestaltete Fehlerseite für einen Server-Fehler
Es gibt eine gestaltete Fehlerseite für einen "Seite nicht gefunden"- Fehler
Die Fehlerseiten sind statisch und können selbst keine Fehler produzieren
Ein Link hebt sich optisch vom Fließtext ab (Farbe und Unterstreichung)
Der Hover-Zustand eines Links ist definiert
Anstatt einzelner Wörter sind sinnvolle Textstücke verlinkt
Buttons heben sich vom Rest der Seite ab
Primär- und Sekundär-Buttons unterscheiden sich merkbar
Der neutrale Zustand eines Primär-Buttons ist definiert
Der Hover-Zustand eines Primär-Buttons ist definiert
Der deaktivierte Zustand eines Primär-Buttons ist definiert
Der neutrale Zustand eines Sekundär-Buttons ist definiert
Der Hover-Zustand eines Sekundär-Buttons ist definiert
Der deaktivierte Zustand eines Sekundär-Buttons ist definiert
Die Beschriftung von Buttons besteht aus Text und optionalen Icons, nicht umgedreht
Formulare sind so kurz wie möglich
Formulare speichern die zuvor ausgefüllten Daten im Fall eines Fehlers
Select-Elemente werden nur verwendet, wenn es keine andere Option gibt
Die Optionen eines Select-Elementes sind nach Verwendungshäufigkeit sortiert
Eingabefelder haben den entsprechenden Typ angegeben
Formular-Elemente, die ausgefüllt werden müssen, heben sich von optionalen Elementen ab
Formular-Elemente haben eine erklärende Beschriftung
Formular-Elemente haben einen Platzhalter mit Beispielsinhalt
Der unausgefüllte Zustand eines Formular-Elementes ist definiert
Der ausgefüllte Zustand eines Formular-Elementes ist definiert
Der aktive Zustand eines Formular-Elementes ist definiert
Falsch ausgefüllte Formular-Elemente werden hervorgehoben
Ein falsch ausgefülltes Formular Element hat einen Hilfetext der erklärt, was das Problem ist
Checkboxen sind nur mit CSS gestaltet bzw. verwenden den Stil des Standard-Browsers
Selects sind nur mit CSS gestaltet bzw. verwenden den Stil des Standard-Browsers
Radiobuttons sind nur mit CSS gestaltet bzw. verwenden den Stil des Standard-Browsers
Es gibt gestaltete Erfolgsmeldungen
Es gibt gestaltete Fehlermeldungen
Wenn es noch keine Daten gibt, werden sinnvolle Informationen angezeigt
Bei großen Datenmengen werden Paginierungen, Filter, Gruppierungen, Suchfelder und Sortierungen verwendet