Button

Wenn man Links graphisch schön darstellen will, kann man dafür den Container Buttons verwenden.

Damit ist es möglich, zwischen einem und sechs Link-Buttons in einer Reihe zu erzeugen.

Bitte darauf achten, dass die Links in den Buttons verständlich beschriftet sind – sie sollten das Linkziel klar benennen (z. B. Zur Studienberatung statt Hier klicken). Bilderbuttons benötigen zusätzlich einen Alternativtext (Alt-Text), damit Screenreader-Nutzer:innen verstehen, wohin der Link führt.

💡 Detaillierte Hinweise zur barrierefreien Umsetzung sind im Beitrag Barrierearme Inhalte zusammengestellt.

Nachdem man den Container Buttons erstellt hat und in der Mittelspalte auf ‘neuen Inhalt erstellen’ klickt, kann man aus drei verschiedenen Buttons auswählen:

- Headerbutton

- Textbutton

- Imagebutton

Die ersten zwei Tabs sind für die Erstellung des Buttons wichtig.

Im ersten Tab gibt man dem Button einen Namen und erstellt den Link (egal ob intern oder extern).

Beim Textbutton fügt man noch einen Text hinzu, beim Imagebutton ein Bild.

Im zweiten Tab kann man den Button noch etwas stylen, mit Textfarbe, Textgröße und Textausrichtung. Beim Imagebutton kann man noch einstellen, ob der Name (Text) im Bild angezeigt werden soll.