# LightBox

Eine LightBox zeigt Bilder vergrößert und als Overlay mit abgedunkeltem Hintergrund an, um den Fokus auf den Inhalt zu legen.

## Guidelines

# Grundlagen

## Best practices

Achte bei der Verwendung einer LightBox darauf, dass ...

- [Icons](/04-components/content/icon/overview) für die Aktionen (z. B. Löschen
  oder Herunterladen) klar und eindeutig gekennzeichnet sind, um
  Missverständnisse zu vermeiden.
- für Bilder sinnvolle Alt-Texte gepflegt werden, um Screenreader-Unterstützung
  sicherzustellen.

## Verwendung

Verwende eine LightBox, um ...

- Inhalte wie Bilder vergrößert und aufmerksamkeitsstark darzustellen.
- Usern eine Möglichkeit zu bieten, Inhalte zu betrachten, ohne die aktuelle
  Seite zu verlassen.