Überblick
Im Bereich Account im Frontend unter „Barrierefreiheit" findet man eine Übersicht aller Maßnahmen, die wir getroffen haben, um gesetzliche Vorgaben zu erfüllen. Zusätzlich seid auch ihr als Kunden dafür verantwortlich, dass alle von euch eingepflegten Inhalte – Texte und Bilder – den Anforderungen entsprechen.
💡 Tipp: Mit dem Browser-Add-on Lighthouse könnt ihr eure aktuelle Seite auf Barrierefreiheitsprobleme prüfen – z. B. zu geringe Kontraste oder fehlende Alt-Texte bei Bildern.
Lesbarkeit von Texten
Mindestschriftgröße: Texte dürfen nicht kleiner als 12px sein. Systemeigene Texte, die ihr nicht bearbeiten könnt, erfüllen diese Vorgabe bereits. Bitte stellt sicher, dass ihr in frei bearbeitbaren Bereichen – z. B. in Aktivitätsbeschreibungen oder der Morgenpost – keine kleineren Schriftgrößen verwendet.
Farbige Texte: Achtet bei eigenen farbigen Texten (z. B. in der Morgenpost) darauf, dass der Kontrast ausreichend ist und die Texte gut lesbar bleiben.
Texte in Bildern: Wenn ihr Bilder hochladet, die bereits Text enthalten, stellt sicher, dass dieser Text vor dem Bildhintergrund klar lesbar ist.
Designfarbe im Backend
Die Hauptfarbe, die ihr im Designbereich des Backends festlegt, muss sowohl im Light Mode als auch im Dark Mode gut lesbar sein – sie darf also weder zu hell noch zu dunkel sein.
Es gibt jetzt ein Vorschaufenster, mit dem ihr prüfen könnt, wie die Farbe im jeweiligen Modus aussieht.
Wir haben zudem eine Sperre für ungeeignete Farben eingebaut, sodass zu helle oder zu dunkle Farbtöne nicht ausgewählt werden können.
Die Designfarbe wird u. a. bei Buttons, Icons und Texten (z. B. „Highlight" bei Treatments) verwendet.
Alt-Texte für Bilder
Für jedes Bild muss im Backend ein alternativer Text (Alt-Text) hinterlegt werden. Dieser Text wird von Screen Readern vorgelesen und unterstützt Besucher mit Sehbeeinträchtigungen.
So geht's: Im Backend findet ihr unter jedem Bild – unterhalb des Feldes „Quelle" – ein Feld namens „Bildbeschreibung". Dort tragt ihr den Alt-Text ein.
Wichtige Hinweise:
Der Alt-Text wird nicht visuell angezeigt, sondern dient ausschließlich Screen Readern.
Der Text kann pro Hauptsprache in einer Sprache hinterlegt werden.
Bei Bildern von externen Anbietern (z. B. Destinationen) liegt die Verantwortung für Alt-Texte beim jeweiligen Anbieter. Dies ist auch auf unserer Barrierefreiheitsseite vermerkt.
Sonderfall – Menü (Allergene & Klassifizierung): In diesem Bereich können eigene Bilder hochgeladen werden. Da hier ausschließlich Icons (keine Fotos) hochgeladen werden sollten, gibt es kein Feld für die Bildbeschreibung – Icons benötigen keinen Alt-Text.
Bitte ladet hier nur Icons hoch.
Stellt sicher, dass für hellen und dunklen Hintergrund jeweils ein passendes Icon vorhanden ist.
Die Icons müssen gut erkennbar sein – besonders bei Allergenen ist dies wichtig.
Quellenangaben bei Bildern
Quellen für Bilder werden im Impressum angezeigt – die Darstellung wurde visuell überarbeitet und ist nun leichter verständlich.
Auf Detailseiten (z. B. Aktivitäten) erscheint in der unteren linken Ecke des Bildes ein Copyright-Symbol. Ein Klick darauf zeigt die Quelle an.