Direkt zur Hauptnavigation springen Direkt zum Inhalt springen

Bilder

Kurzbeschreibung

Einzelnes Bild ohne weiteren Textinhalt.
Empfohlen für: Rein visuelle Inhalte oder stimmungsvolle Einleitung.
Beispiel: Headerbild auf einer Landingpage

Darstellung mehrerer Bilder in Spaltenanordnung möglich (1-,2-,3-,+spaltig).
Empfohlen für: Galerien oder Projektübersichten.
Beispiel: Drei-Bild-Galerie mit Projektbeispielen.

Barrierefreiheit

  • Aussagekräftiger Alternativtext
  • Bild nicht alleinige Informationsquelle
  • Kein Text im Bild verwenden
  • Jeder Bildblock mit Alternativtext
  • Bilder thematisch gruppieren
  • Struktur und Reihenfolge erhalten
  • Mehr als 3 Spalten werden nicht empfohlen

Beispiel

Bilder (1 Spalte)

Bilder (2 Spalten)

Bilder (3 Spalten)

Bilder (4 Spalten)

Videotutorial