Noch nicht fertig geladene Daten werden in GeFa durch Ladezustände angezeigt. Diese enthalten jeweils eine rotierende Ladeanimation mit einem aussagekräftigen Alternativtext und entsprechendem Tooltip. Der Alternativtext sollte angeben, was an der Stelle gerade geladen wird. Beispiele:
Es sollte darauf geachtet werden, die Anzahl an Ladezuständen, die gleichzeitig auf einer Seite sichtbar sein können, möglichst gering zu halten (maximal 8 in Extremfall). Beispiel: Werden die Daten eines Formulars geladen, so wird ein einzige Ladeanimation für das ganze Formular angezeigt statt eine für jedes einzelne Formularfeld.
Abhängig von der Art des Elements sind bestimmte Zustände möglich oder ausgeschlossen. Dies wird im Detail pro Element definiert.
Basiselemente können in der Regel folgende Darstellungsformen annehmen:
Dies ist der Standardzustand. Das Element ist klickbar/aktiv, jedoch nicht selektiert / nicht im Fokus.
Bei Steuerung mit der Maus wird dieser Zustand angezeigt, wenn man mit der Maus darüber fährt (noch nicht klickt).
Dieser Zustand tritt in dem Moment ein, in dem die Maus- oder Tastaturtaste gedrückt ist. Er hällt daher in der Regel nur wenige Augenblicke an.
Dieser Zustand zeigt an, wo sich der Tastaturfokus gerade befindet. Dieser Status kann bei maximal einem Element pro Seite gleichzeitig vorkommen.
Der Tastaturfokus liegt auf dem Element und gleichzeitig befindet sich die Maus darüber.
Dieser Status wird für Elemente verwendet, die deaktiviert und nicht klickbar sind. Das Element wird “ausgegraut” dargestellt. Das Element darf keine für das Verständnis der Seite essentiellen Informationen enthalten, da die Lesbarkeit eingeschränkt ist.
Elemente werden im Read-Only Status dargestellt, wenn deren Inhalt zum Lesen angezeigt werden muss, dieser aber nicht editierbar ist. Dieser Status kommt beispielsweise vor bei Eingabe- oder Auswahlfeldern.
Bei Read-Only feldern gibt es keine Pflichtfeldauszeichnung (*).
Innerhalb von Ausklapplisten-Elementen (siehe z. B. Auswahlfeld, Einfach) können, zusätzlich zu den vorher genannten, auch diese Zustände vorkommen:
Das Element ist ausgewählt.
Das Element ist ausgewählt und die Maus fährt darüber.
Das Element ist ausgewählt und gleichzeitig mit der Tastatur fokussiert.
Das Element ist ausgewählt, gleichzeitig mit der Tastatur fokussiert und die Maus fährt darüber.