Anleitungen

Ein Alt-Text (Alternativtext) beschreibt den Inhalt eines Bildes, verbessert die Barrierefreiheit und unterstützt die SEO. Sie können ihn beim Hochladen oder nachträglich über die Mediathek einfügen.

1. Beim Hochladen eines Bildes

• Gehen Sie zu „Medien“ > „Datei hinzufügen“.
• In der rechten Spalte sehen Sie das Feld „Alternativer Text“. Dort können Sie eine kurze Bildbeschreibung eintragen.
• Beispiel: „Frau mit rotem Regenschirm im Park“

2. Für bereits hochgeladene Bilder

• Öffnen Sie die Mediathek und klicken Sie auf das gewünschte Bild.
• Im Feld „Alternativer Text“ können Sie die Beschreibung nachtragen. Die Änderung wird je nach Ansicht automatisch gespeichert.
  

3. Im Beitragseditor (Block-Editor)

• Klicken Sie auf Bild hinzufügen.
• Klicken Sie auf das gewünschte Bild oder laden Sie ein neues hoch.
• Rechts im Bild-Menü finden Sie das Feld „Alternativer Text“, in das Sie die Beschreibung eintragen.
• Danach das Bild über den Button „Auswählen“ einfügen.

Tipps für gute Alt-Texte:

• Formulieren Sie konkret und präzise.
• Vermeiden Sie Formulierungen wie „Bild von …“ oder übermäßige Keywords.
• Gut: „Weiße Katze liegt auf Holzboden in der Sonne“
  Weniger hilfreich: „Bild einer Katze“

CANVAYO liefert zwei wichtige Funktionen, um es Ihnen zu ermöglichen, Ihre Website barrierefrei nutzbar zu machen:

• Kontast-Modus
• Schriftgrößen-Regler

Als CANVAYO-Admin können Sie diese Funktionen selbstständig aktiveren.
Gehen Sie dafür im Dashboard auf CANVAYO > Header > Barrierefreiheit. Stellen Sie die Regler für „Textgröße ändern“ und „Kontrast verstärken“ auf Ja.

Damit Ihre Website auch für Menschen mit Einschränkungen zugänglich ist, müssen Sie eine Erklärung zur Barrierefreiheit bereitstellen. So gehen Sie Schritt für Schritt vor:

1. Neue Seite anlegen
   • Loggen Sie sich ins Backend Ihrer Website ein.
   • Legen Sie eine neue Seite an. Das Standard-Template ist dafür vollkommen ausreichend.
   • Benennen Sie die Seite: „Erklärung zur Barrierefreiheit“
   • Kürzen Sie den Slug (z. B. /barrierefreiheit).
2. Erklärung einfügen
   • Erstellen Sie eine individuelle Erklärung zur Barrierefreiheit, abgestimmt auf Ihre Website.
   • Fügen Sie den Text auf der neuen Seite ein.
   • Speichern und veröffentlichen Sie die Seite.
3. Seite im System hinterlegen
   • Gehen Sie im Backend zu CANVAYO > Rechtstexte.
   • Wählen Sie dort die neue Seite als Barrierefreiheitsseite aus.
   • So stellen Sie sicher, dass Screenreader-Nutzer*innen direkt beim Aufruf der Website darauf zugreifen können.
4. Link im Footer ergänzen
   • Öffnen Sie das Menü, das im Footer eingebunden ist – standardmäßig heißt es „Cookie“.
   • Fügen Sie den Punkt „Erklärung zur Barrierefreiheit“ hinzu.
   • Speichern Sie das Menü.

Mit einer klaren Überschriften-Hierarchie machen Sie Ihre Texte für alle Leserinnen und Leser – insbesondere für Menschen mit Screenreader – übersichtlich und verständlich. So geht’s Schritt für Schritt in CANVAYO:

Verstehen: Was sind Überschriften-Level?

• H1 (Überschrift 1): Der Titel Ihrer Seite – einmal pro Seite verwenden.
• H2 (Überschrift 2): Hauptabschnitte unter dem Titel.
• H3 (Überschrift 3): Unterpunkte zu einem H2-Abschnitt.
• H4 (Überschrift 4): Noch tiefer gegliederte Unterpunkte.

Jede Ebene bezieht sich immer auf die nächsthöhere – so entsteht eine Baum-Struktur.

So wählen Sie Überschriften in CANVAYO aus

1. Text markieren: Klicken Sie in Ihrem Editor den Text an, den Sie als Überschrift verwenden möchten.
2. Format-Menü öffnen: Oben in der Werkzeugleiste auf das Dropdown „Text“ oder das „A“-Symbol klicken.
3. Ebene wählen: Aus der Liste „Überschrift 1“, „Überschrift 2“ usw. das passende Level anklicken.

Praxis-Beispiel

• H1: Unser Barrierefreiheits-Leitfaden
  • H2: Was ist Barrierefreiheit?
    • H3: Warum ist sie wichtig?
    • H3: Wer profitiert?
  • H2: Ihre To-dos
    • H3: Alt-Texte für Bilder
    • H3: Untertitel für Videos

So sehen Leserinnen und Leser (und Screenreader) sofort, welche Themen zusammengehören.

Tipps für Ihre Seitenstruktur

• Nicht überspringen: Springen Sie nicht von H1 direkt zu H3 – immer in der Reihenfolge.
• Kurz und klar: Halten Sie Überschriften kurz (max. 5–7 Worte).
• Aussagekräftig: Verwenden Sie konkrete Begriffe („Kontaktformular“ statt „Formular“).
• Einheitlich bleiben: Nutzen Sie pro Seite nur eine H1, mehrere H2 und je nach Bedarf H3/H4.

Um einen barrierefreien Zugang zu Videos zu ermöglichen, können Sie in der Mediathek Ihren Videodateien Untertitel in den Formaten WebVTT (.vtt) oder Timed Text Markup Language (.ttml) hinzufügen.

1. Öffnen Sie dafür die Mediathek und klicken Sie auf das entsprechende Video. Scrollen Sie etwas nach unten und klicken bei Video-Untertitel auf „Hinzufügen“.
   
2. Im Anschluss klicken Sie auf Datei auswählen, laden Sie die Untertitel-Datei hoch und wählen Sie diese aus. Ergänzen Die zudem noch die Angaben zur Sprache.
   

Dieser Bereich wird kontinuierlich von uns erweitert. Sollten Sie bisher keine Antwort auf Ihre Frage finden, wenden Sie sich gerne an unser Support-Team. Wir unterstützen Sie. 

⚠️ Hinweis: Diese Informationen dienen der allgemeinen Orientierung und ersetzen keine rechtliche Beratung. Im Zweifelsfall empfehlen wir, individuell prüfen zu lassen, ob und in welchem Umfang das BFSG für Ihr Unternehmen gilt.