Zum Hauptinhalt springen

Barrierefreiheit

Barrierefreiheit im Web bedeutet, dass Websites für alle Menschen zugänglich und nutzbar sind, unabhängig von körperlichen oder kognitiven Einschränkungen. In vielen Fällen ist Barrierefreiheit auch gesetzlich vorgeschrieben, insbesondere für öffentliche Stellen.

Zeta Producer unterstützt Sie dabei, barrierefreie Websites zu erstellen, durch moderne technische Grundlagen und flexible Gestaltungsmöglichkeiten.

Hinweis: Bitte beachten Sie, dass die tatsächliche Barrierefreiheit Ihrer Website maßgeblich davon abhängt, wie Sie Ihre Inhalte erstellen und strukturieren. Zeta Producer stellt Ihnen die technischen Werkzeuge zur Verfügung, die Umsetzung liegt jedoch in Ihrer Verantwortung.

Funktionen zur Unterstützung der Barrierefreiheit

Zeta Producer bietet bereits viele Funktionen, die die Umsetzung barrierefreier Websites unterstützen:

  • Responsives Design
    Die Layouts passen sich automatisch an verschiedene Bildschirmgrößen an (Desktop, Tablet, Smartphone).

  • Tastaturbedienbarkeit
    Navigation und Links sind mit der Tastatur bedienbar.

  • Semantisch korrekter HTML-Code
    Die erzeugten Seiten verwenden strukturierte HTML-Tags und enthalten wichtige Landmark Roles wie main, navigation, search und contentinfo. Diese ermöglichen Screenreadern eine bessere Orientierung innerhalb der Seite.

  • Alt-Text-Unterstützung
    Bilder können mit Alternativtexten versehen werden, sowohl im Bild-Widget als auch in der Bilderverwaltung.

  • Formularerstellung mit Labels
    Formularelemente verwenden beschrifteten Labels, um die Nutzung mit Screenreadern zu erleichtern.

  • Meta-Titel und Seitenbeschreibung
    In den Seiten-Eigenschaften können Sie für jede Seite einen individuellen Titel und eine Meta-Beschreibung festlegen. Diese werden von Suchmaschinen verwendet und helfen auch unterstützenden Technologien (z. B. Screenreadern), die Seite einzuordnen.

  • Links prüfen
    Mit der Funktion "Links prüfen" erkennen Sie fehlerhafte oder nicht erreichbare Links. Ein wichtiger Beitrag zur Barrierefreiheit.

  • SEO-Check mit Barrierefreiheitsrelevanz
    Der integrierte SEO-Check analysiert jede Seite auf suchmaschinenrelevante Aspekte. Darunter auch Punkte, die für die Barrierefreiheit wichtig sind, z. B. Alt-Texte, Überschriftenstruktur oder Linktexte. Nutzen Sie den SEO-Check ergänzend, um Ihre Inhalte qualitativ zu optimieren.

  • Automatischer Dunkelmodus
    Zeta Producer unterstützt einen automatischen Dunkelmodus, der auf Wunsch aktiviert werden kann. Er kann die Lesbarkeit für bestimmte Nutzergruppen verbessern, ist jedoch algorithmusbasiert und sollte im Hinblick auf Kontraste und Farbwirkung stets geprüft werden.

Was Sie als Nutzer beachten sollten

Trotz der technischen Unterstützung durch Zeta Producer liegt die Verantwortung für die inhaltliche Barrierefreiheit bei den Nutzern. Achten Sie insbesondere auf folgende Punkte:

  • Überschriftenstruktur
    Verwenden Sie eine logische Hierarchie von H1 bis H6, um Inhalte klar zu gliedern.

  • Alternativtexte für Bilder
    Versehen Sie alle informativen Bilder mit aussagekräftigen Alt-Texten. Diese können im Bild-Widget oder in der Bilderverwaltung hinterlegt werden.

  • Farbkontraste
    Achten Sie darauf, dass Texte ausreichend kontrastreich zum Hintergrund gestaltet sind. Nutzen Sie bei Bedarf ein Tool wie den Colour Contrast Analyser zur Überprüfung.

  • Verzicht auf flackernde oder blinkende Inhalte
    Verwenden Sie keine animierten oder blinkenden Elemente, um Epilepsierisiken zu vermeiden.

  • Aussagekräftige Seitentitel und Beschreibungen
    Verwenden Sie klare, sprechende Seitentitel und ergänzen Sie eine kurze Meta-Beschreibung, die den Seiteninhalt zusammenfasst. Dies hilft sowohl bei der Orientierung im Browser als auch beim barrierefreien Zugriff.

  • Verständliche Sprache
    Formulieren Sie klar und einfach, insbesondere für Menschen mit kognitiven Einschränkungen.

  • Linkbeschreibungen
    Vermeiden Sie nichtssagende Linktexte wie "hier klicken". Beschreiben Sie stattdessen das Ziel des Links.

  • Funktionierende Links
    Nutzen Sie die Funktion "Links prüfen", um tote Links zu vermeiden. Sie stören besonders Nutzer mit Screenreader oder kognitiven Einschränkungen.

  • Tabellenstruktur
    Nutzen Sie Tabellen nur für tabellarische Daten und versehen Sie diese mit aussagekräftigen Überschriften.

  • Formulare
    Achten Sie darauf, dass alle Eingabefelder korrekt beschriftet und Fehlermeldungen verständlich formuliert sind.

  • Multimedia-Inhalte
    Bieten Sie für Videos Untertitel und für Audioinhalte Transkripte an.

  • PDF-Dokumente
    Stellen Sie sicher, dass verlinkte PDF-Dateien barrierefrei aufbereitet sind. Eine Anleitung zur Erstellung finden Sie z. B. bei Adobe Acrobat - Barrierefreie PDF-Dokumente erstellen.

Pflicht- und Zusatzinhalte sichtbar verlinken

Insbesondere für öffentliche Stellen gelten Anforderungen, bestimmte Inhalte sichtbar auf der Website bereitzustellen. Dazu gehören:

  • Erklärung zur Barrierefreiheit
    Informiert Nutzer über den Stand der Barrierefreiheit, bekannte Mängel und Kontaktmöglichkeiten. Siehe z. B. Mustererklärung zur Barrierefreiheit (Baden-Württemberg)

  • Seite in Leichter Sprache
    Vermittelt zentrale Inhalte in besonders verständlicher Sprache.

  • Benutzungshinweise
    Beschreiben Sie, wie Nutzer Ihre Website bedienen können – etwa per Tastatur, wie die Navigation aufgebaut ist und wie Inhalte durch die Zoomfunktion des Browsers vergrößert oder verkleinert werden können.

So verlinken Sie diese Inhalte in Zeta Producer

  • Über Zusatz-Links im Layout
    Die Layouts bieten im Kopf- oder Fußbereich vordefinierte Linkpositionen, über die diese Seiten dauerhaft verlinkt werden können (z. B. neben Impressum oder Datenschutz).

  • Als Text-Link im Bannerbereich
    Sie können solche Links auch direkt im Banner-Bereich einfügen und auf alle Seiten verknüpfen.

Hinweis: Achten Sie darauf, dass diese Seiten von jeder Unterseite aus erreichbar sind.