Hauptinhalt

Highlight-Slider

Ein Highlight-Slider wird ausschließlich im Hauptinhaltsbereich einer Startseite angezeigt und oberhalb des Inhaltes platziert.
Der Slider zeigt in vordefinierten Intervallen verschiedene bildhafte Beiträge in Kombination mit kurzen Texten und damit Einstiege in bestimmte Themen an. Slider können bestimmte Beiträge hervorheben und somit Schwerpunkte setzen.

Verwendung

Es darf immer nur ein Highlight-Slider auf der Startseite eines Portals abgebildet werden. Die Befüllung des Sliders sollte mit hochwertigen Bildern und kurzen, prägnanten Texten geschehen. Es besteht zudem die Möglichkeit Videos innderhalb des Sliders einzubinden.

Slider eignen sich für Themenslides von zwei bis maximal sechs (unterschiedlichen) Themen.

Einsatz

Slider: Text und Bild im 0-4-0-Raster
Slider: Text und Bild im 0-4-0-Raster  © Sächsische Staatskanzlei

Verhalten und Gestaltung

Slider: Bild über die volle Breite
Slider im Einsatz - Bildinhalt 100%  © Sächsische Staatskanzlei

Die Slideshow läuft in Intervallen von sechs Sekunden automatisch durch. Der Nutzer hat die Möglichkeit den automatischen Durchlauf zu stoppen und proaktiv selbst zu navigieren, sowie neu zu starten. Zusätzlich wird die Animation gestoppt, wenn der Nutzer mit der Maus über dem Element steht.
Für die Navigation des Sliders stehen dem Nutzer zwei Varianten zur Verfügung:

1. Pagination
2. Pfeile zur Steuerung am rechten Rand

Alle Steuerelemente befinden sich auf gleicher Höhe als Abschluss am unteren Rand des Moduls. Die Icons werden in der gewählten Portalfarbe angezeigt, wobei der Hintergrund Grau #f1f3f1 eingefärbt ist und einen Rahmen in der 20 % Portalfarbe hat.

Die inhaltliche Aufteilung des Sliders ist fest definiert, je nach gewähltem Seitenraster.

Der Bildbereich nimmt mindestens 50 % des verfügbaren Bereichs ein. Es können sowohl Bilder als auch Videos platziert werden. Für den Textbereich stehen ebenfalls mindestens 40 % zur Verfügung, wobei entsprechende Außenabstände defineirt sind. Zusätzlich besteht die Möglichkeit den Bildbereich auf 100 % zu erweitern, somit entfällt der Textbereich vollständig.

Ein wichtiger Bestandteil der Beiträge innerhalb eines Slides ist immer auch eine aussagkräftige CTA (Call-to-Action) – im Falle dieses Elements ein Button mit aussagekräftigem Linktext für die Interaktion. 

Barrierefreiheit

Tastaturbedienung

Tastenbefehle für Bedienung des Sliders
Taste Funktion
Pfeiltasten links/rechts zurück/vorwärts blättern
Leertaste Automatischen Durchlauf starten/stoppen

Hinweis: Der aktuelle Fokus muss innerhalb des Sliders platziert sein.

zurück zum Seitenanfang