Leitfaden: Wie erstelle ich eine barrierefreie Creator Website?

Inhalt

• 1. Verwende klaren und gut lesbaren Text
• 2. Sprache für deine Website festlegen
• 3. Füge Alt-Text für Bilder hinzu
• 4. Verwende aussagekräftige Links
• 5. Sorge für barrierefreie Multimedia-Inhalte
• 6. Mache Formulare barrierefrei
• 7. Design für Farb-Barrierefreiheit
• 8. Stelle ein responsives und mobilfreundliches Design sicher
• 9. Teste und validiere die Barrierefreiheit
• Eine inklusive Web-Erfahrung schaffen

1. Verwende klaren und gut lesbaren Text

Warum ist das wichtig?

Gut lesbarer Text ist eine Grundvoraussetzung für Barrierefreiheit. Menschen mit Sehbehinderungen, Legasthenie oder kognitiven Einschränkungen sind auf klare und strukturierte Texte angewiesen, um Inhalte leichter erfassen zu können. Auch Nutzer, die deine Website unter schwierigen Bedingungen aufrufen (z. B. auf kleinen Bildschirmen oder bei grellem Sonnenlicht), profitieren von gut lesbarem Text.

Best Practices:

• Wähle eine gut lesbare Schriftart aus den von Jimdo bereitgestellten Optionen. Vermeide stark verzierte Schriftarten, die schwer lesbar sein können.
• Stelle einen ausreichenden Kontrast zwischen Text und Hintergrund sicher (mindestens 4,5:1 für normalen Text und 3:1 für großen Text), damit auch Menschen mit Sehschwächen deine Inhalte gut erkennen können.
• Nutze die Überschriftenstruktur von Jimdo (Große H1, Mittlere H2, Kleine H3), um die Lesbarkeit zu verbessern und die Navigation für Screenreader zu erleichtern. Eine klare Gliederung hilft Nutzern, Informationen schneller zu erfassen.

Verwandter Hilfe-Artikel: Wie optimiere ich meine Texte?

2. Sprache für deine Website festlegen

Warum ist das wichtig?

Die richtige Spracheinstellung stellt sicher, dass Screenreader und andere unterstützende Technologien deine Inhalte korrekt interpretieren. Ohne eine definierte Spracheinstellung kann es zu falschen Aussprachen oder einer fehlerhaften Text-zu-Sprache-Umsetzung kommen.

Best Practices:

• Stelle sicher, dass die primäre Sprache deiner Website in den Jimdo Einstellungen korrekt festgelegt ist.
• Die richtige Spracheinstellung verbessert SEO und Barrierefreiheit, da Suchmaschinen und assistive Technologien deine Inhalte besser verarbeiten können.
• Schreibe in einer klaren und einfachen Sprache, um die Lesbarkeit für alle Nutzer zu erhöhen – einschließlich Menschen mit kognitiven Einschränkungen oder Nicht-Muttersprachlern.

 Verwandtes Hilfe-Thema: Wie ändere ich die Systemsprache?

3. Füge Alt-Text für Bilder hinzu

Warum ist das wichtig?

Sehbeeinträchtigte Nutzer verlassen sich auf Screenreader, um Bilder zu verstehen. Fehlt ein Alternativtext (Alt-Text), bleibt ihnen der Inhalt des Bildes verborgen. Zudem verbessern Alt-Texte die Auffindbarkeit deiner Website in Suchmaschinen.

Best Practices:

• Füge für alle Bilder aussagekräftige Alt-Texte hinzu über die Bildeinstellungen in Jimdo. Beschreibe kurz den Bildinhalt und seine Funktion.
• Vermeide Bilder mit eingebettetem Text, da Screenreader diesen nicht erkennen können. Verwende stattdessen echten Text innerhalb deines Inhalts.

Lasse das Alt-Attribut leer (alt="") für dekorative Bilder, damit Screenreader sie ignorieren und Nutzer nicht mit unnötigen Informationen überflutet werden.

Verwandter Hilfe-Artikel: Wie hinterlege ich alternative Bildtexte?

4. Verwende aussagekräftige Links

Warum ist das wichtig?

Nutzer von Screenreadern überfliegen häufig Links, um sich schnell auf einer Website zurechtzufinden. Generische Linktexte wie „Hier klicken“ oder „Mehr erfahren“ bieten keine Orientierung und erschweren die Navigation.

Best Practices:

• Vermeide generische Linktexte wie „Hier klicken“ oder „Mehr erfahren.“  Verwende stattdessen aussagekräftige Texte, die das Ziel des Links beschreiben.  
• Anstelle von „Hier klicken“ verwende „Sieh dir mein Portfolio an“, damit Besucher sofort wissen, dass sie Beispiele deiner Arbeit sehen werden. 
  Anstelle von „Mehr erfahren“ verwende „Erfahre mehr über meine Coaching-Dienstleistungen“, um deutlich zu machen, dass der Link zu detaillierten Informationen über dein Angebot führt
• Achte darauf, dass Links visuell unterscheidbar sind, indem du die Designoptionen von Jimdo nutzt.

Verwandter Hilfe-Artikel: Anleitung: Inhalte verlinken

5. Sorge für barrierefreie Multimedia-Inhalte

Warum ist das wichtig?

Menschen mit Hörbehinderungen benötigen Untertitel oder Transkripte für Videos, während blinde Nutzer möglicherweise Audiobeschreibungen benötigen. Fehlende Barrierefreiheit kann dazu führen, dass wichtige Informationen nicht zugänglich sind.

Best Practices:

• Ergänze Videos um Untertitel oder Transkripte, damit hörgeschädigte Besucher die Inhalte ebenfalls verstehen können.
• Falls notwendig, biete Gebärdensprach-Dolmetschung oder Audiobeschreibungen für wichtige Videoinhalte an.
• Vermeide automatisch abspielende Medien oder stelle Steuerungen bereit, um Inhalte zu pausieren oder zu stoppen.
• YouTube-Videos einbetten:
  Du kannst ein YouTube-Video mit dem HTML-Element von Jimdo einbetten. Um Untertitel automatisch zu aktivieren, füge &cc_load_policy=1 am Ende des Embed-Links hinzu. Zum Beispiel:

<iframe width="100%" height="100%" 
src="https://www.youtube.com/embed/VIDEO_ID?&cc_load_policy=1 
"frameborder="0" allowfullscreen></iframe>

Verwandter Hilfe-Artikel: Wie füge ich Videos ein?

6. Mache Formulare barrierefrei

Warum ist das wichtig?

Formulare sind ein wesentlicher Bestandteil vieler Websites, da sie es Nutzern ermöglichen, dich zu kontaktieren oder Informationen zu übermitteln. Schlecht gestaltete Formulare können für Menschen mit Behinderungen frustrierend oder sogar unbenutzbar sein.

Best Practices:

• Beschrifte alle Formularfelder eindeutig, damit Nutzer verstehen, welche Informationen erforderlich sind.
• Gib klare Anweisungen und Fehlermeldungen, um Nutzern beim Ausfüllen des Formulars zu helfen.

Verwandter Hilfe-Artikel: Wie erstelle ich ein Kontaktformular?

7. Design für Farb-Barrierefreiheit

Warum ist das wichtig?

Nutzer mit Farbsehschwächen könnten Schwierigkeiten haben, bestimmte Farben zu unterscheiden. Wenn Farbe die einzige Methode zur Informationsvermittlung ist, könnten wichtige Inhalte verloren gehen.

Nicht alle vorgeschlagenen Farbsets in den Jimdo Creator Templates sind barrierefrei. Jimdo bietet dir die Freiheit, Farben nach deinen individuellen Bedürfnissen auszuwählen. Falls ein vorgeschlagenes Farbset nicht den Anforderungen an Barrierefreiheit entspricht, kannst du es jederzeit anpassen, um den Kontrast zu verbessern.

Best Practices:

• Nutze nicht nur Farben, sondern ergänze Symbole oder Text als zusätzliche Hinweise.
• Stelle einen ausreichenden Kontrast zwischen Text und Hintergrund sicher. Jimdo bietet eine Style-Funktion, mit der du die Farbwerte deiner Website überprüfen kannst.
• Teste deine Website mit Tools, z. B. dem Kontrast-Checker von leserlich.info, um sicherzustellen, dass der Text lesbar bleibt.

Verwandter Hilfe-Artikel: Wie style ich meine Jimdo Seite?

8. Stelle ein responsives und mobilfreundliches Design sicher

Warum ist das wichtig?

Viele Besucher greifen über Smartphones oder Tablets auf Websites zu. Wenn eine Website nicht responsiv ist, kann sie auf kleineren Bildschirmen schwer navigierbar sein, was sich negativ auf die Barrierefreiheit und Benutzerfreundlichkeit auswirkt.

Best Practices:

• Jimdos Vorlagen sind standardmäßig mobilfreundlich, aber überprüfe deine Website auf verschiedenen Geräten, um sicherzustellen, dass sie richtig dargestellt wird.
• Stelle sicher, dass Schaltflächen und Links groß genug sind, damit sie auf Touchscreens problemlos angetippt werden können.

Verwandter Hilfe-Artikel: Wie sieht meine Jimdo Seite mobil aus?

9. Teste und validiere die Barrierefreiheit

Warum ist das wichtig?

Regelmäßige Tests helfen dabei, potenzielle Barrieren zu erkennen, die die Nutzung deiner Website für Menschen mit Behinderungen erschweren könnten.

Best Practice:

• Führe Nutzertests mit Menschen mit Behinderungen durch, um echtes Feedback zur Benutzerfreundlichkeit zu erhalten.

Eine inklusive Web-Erfahrung schaffen

Durch die Umsetzung dieser Barrierefreiheitsrichtlinien kannst du sicherstellen, dass deine Website für alle Besucher zugänglich ist. Eine barrierefreie Website verbessert nicht nur die Nutzererfahrung, sondern kann auch deine Reichweite vergrößern, dein SEO-Ranking verbessern und dazu beitragen, dass deine Inhalte für ein breiteres Publikum verständlich sind.