Animationen sind kleine Bewegungseffekte, mit denen Inhalte beim Laden oder beim Scrollen der Seite sichtbar werden.

Typische Beispiele sind:

• Inhalte blenden sanft ein
• Elemente erscheinen von links oder rechts
• Inhalte werden beim Scrollen sichtbar

Animationen können bei Texten oder Bildern aktiviert werden.

Wir stellen folgende Animationen bereit: 

• Einfliegen
• Drehen
• Gleiten
• Zoomen
• Parallax

Beispiele zeigen wir auf der jeweiligen Unterseite dieser Seite. 

Animationen können helfen,

• Inhalte besser zu strukturieren
• die Aufmerksamkeit auf wichtige Bereiche zu lenken
• Seiten ruhiger und moderner wirken zu lassen

Sie sollten jedoch sparsam eingesetzt werden. Zu viele Animationen können die Lesbarkeit beeinträchtigen oder ablenken.

Hinweise zur Nutzung

Bei der Verwendung von Animationen sollte darauf geachtet werden:

• Animationen nur für wichtige Inhalte oder Abschnitte zu nutzen
• keine zu schnellen oder zu starken Bewegungen zu verwenden
• die Lesbarkeit und Barrierefreiheit nicht zu beeinträchtigen

Nicht alle Nutzerinnen und Nutzer nehmen Animationen gleich wahr. Deshalb sollten Inhalte auch ohne Animation vollständig verständlich bleiben.