Inhalt
- Warum Barrierefreiheit wichtig ist
- So erfüllst du diese Anforderungen in Publitas
- Checkliste zur Barrierefreiheitskonformität (WCAG 2.1 AA)
- Barrierefreiheit ist ein sich ständig bewegendes Ziel, und wir entwickeln uns mit
Warum Barrierefreiheit wichtig ist
Ab dem 28. Juni 2025 müssen in der EU veröffentlichte digitale Inhalte den Anforderungen des European Accessibility Act (EAA) entsprechen. Ähnliche Gesetze gibt es weltweit, darunter das deutsche BFSG
(Barrierefreiheitsstärkungsgesetz) und der Americans with Disabilities Act (ADA) in den USA. Diese Gesetze basieren auf den WCAG 2.1 AA-Richtlinien, die festlegen, was digitale Inhalte für Menschen mit Behinderungen nutzbar macht.
Das ist nicht nur eine Best Practice — es ist eine gesetzliche Anforderung. Wenn dein Katalog Produktbilder, Links oder visuelle Inhalte enthält und diese nicht barrierefrei gestaltet sind, besteht für dein Unternehmen möglicherweise das Risiko der Nichteinhaltung.
Publitas umfasst in allen Tarifen integrierte Barrierefreiheitsfunktionen, die dir helfen, die Standards der WCAG 2.1 AA zu erfüllen, sowie zusätzliche Tools in Enterprise-Tarifen, mit denen du schneller skalieren kannst.
So erfüllst du diese Anforderungen in Publitas
- Tastaturnavigation sicherstellen
- Fokusreihenfolge der Inhalte
- Alternativtext zu Bildern hinzufügen (relevant für Silver-Lizenz+)
- Klare und beschreibende Linktexte verwenden (relevant für Gold-Lizenz+)
- Mit generativem KI-Alternativtext beschleunigen (Enterprise-Lizenz)
- Barrierefreiheits-Steuerelemente für Animationen (relevant für Silver-Lizenz+)
- Seitentranskription
- Mit generativen KI-Transkriptionen beschleunigen (Enterprise-Lizenz)
Tastaturnavigation sicherstellen
Die Tastaturnavigation ist eine zentrale Anforderung der WCAG 2.1 AA, da nicht alle Nutzer eine Maus oder einen Touchscreen verwenden können. Wenn deine Inhalte nicht vollständig nur mit einer Tastatur (Tab, Umschalt+Tab, Eingabetaste usw.) navigiert werden können, werden sie unzugänglich und nicht konform — das bedeutet, dass manche Nutzer überhaupt nicht mit deinen Inhalten interagieren können.
Publitas unterstützt automatisch die Tastaturnavigation und eine logische Fokusreihenfolge. Es ist keine zusätzliche Aktion erforderlich — aber stelle sicher, dass interaktive Elemente in einer Reihenfolge platziert sind, die visuell und inhaltlich sinnvoll ist. Die Reihenfolge, der Publitas standardmäßig folgt, orientiert sich an der Leserichtung, kann aber je nach deinem Design leicht abweichen.
Fokusreihenfolge der Inhalte
Du kannst die Fokusreihenfolge für die Tastaturnavigation und die Navigation mit Screenreader-Technologie festlegen, damit Endnutzer im Publikations-Lesebereich in einer vordefinierten Reihenfolge auf interaktive Hotspots zugreifen.
Die Fokusreihenfolge gilt für die Inhalte innerhalb einer Seite einer Publikation, also für deine in Publitas hinzugefügten Hotspots. Du kannst sicher sein, dass Änderungen an der Fokusreihenfolge die gesamte Navigation innerhalb deiner Publikation nicht beeinflussen, da die Navigation durch die gesamte Anwendung – von den Menüoptionen über die Inhalte bis zum Wechseln zur vorherigen oder nächsten Seite – standardmäßig festgelegt ist.
Alternativtext zu Bildern & Slideshows hinzufügen (relevant für Silver-Lizenz+)
Alternativtext ermöglicht es Screenreadern, zu beschreiben, was ein Bild darstellt. Du musst jedem Bild, das Informationen vermittelt, Alternativtext hinzufügen; dazu gehören Produktbilder, Symbole und verlinkte Banner. Beim Navigieren durch eine Publikation kannst du für Bild-Hotspots Alternativtext festlegen, der von der Screenreader-Technologie vorgelesen wird.
So fügst du Alternativtext für Bild-Hotspots direkt in Publitas hinzu:
- Klicke auf ein Bild
- Wähle in der rechten Seitenleiste Alternativtext aus
- Füge eine kurze, beschreibende Formulierung hinzu
So fügst du Alternativtext für Slideshow-Hotspots direkt in Publitas hinzu:
- Wähle neben jedem in der rechten Seitenleiste hochgeladenen Bild das Sprechblasen-Symbol für Alternativtext aus.
- Füge eine kurze, beschreibende Formulierung hinzu.
- Wichtig ist, dass Alternativtext pro Bild hinzugefügt wird.
Tipp: Lass den Alternativtext nur leer, wenn das Bild rein dekorativ ist. Andernfalls kann deine Publikation dadurch nicht konform sein.
Mit generativem KI-Alternativtext beschleunigen (Enterprise-Lizenz)
Zusätzlich zum manuellen Hinzufügen von Alternativtext kannst du auch Generative KI nutzen, um innerhalb von Sekunden Alternativtext für Bilder zu erstellen und dabei viel Zeit zu sparen.
👉 Erfahre mehr über KI-generierte Transkription
Klare und beschreibende Linktexte verwenden (relevant für Gold-Lizenz+)
Wenn du Produkt-Hotspots verwendest, kannst du die Barrierefreiheit verbessern, indem du automatisch den Produkttitel als Hover-Text des Links (title-Attribut) hinzufügst. Das hilft Screenreadern zu beschreiben, wohin der Link führt, und gibt sehbehinderten Nutzern mehr Kontext.
So wendest du das an:
- Verwende Produkte aus deinem Feed
- Aktiviere beim Erstellen eines Hotspots die Einstellung: „Produkttitel als Linktitel anwenden.
- Du kannst dies einzeln oder gesammelt mit Smart Hotspots tun
Dieser kleine Zusatz stellt sicher, dass alle deine Produktlinks barrierefreier und beschreibender sind, und hilft Käufern, deine Inhalte leichter zu navigieren.
Tipp: Dies verbessert auch SEO und die Klickrate durch die Verwendung aussagekräftiger Linktitel.
👉 Erfahre, wie du Produkt-Hotspots anwendest
Barrierefreiheits-Steuerelemente für Animationen (relevant für Silver-Lizenz+)
Animationen können das visuelle Engagement steigern, müssen aber verantwortungsvoll eingesetzt werden, damit sie für alle Nutzer zugänglich bleiben. Um die Anforderungen der WCAG 2.1 AA zu erfüllen, muss jede Animation, die automatisch startet und länger als fünf Sekunden dauert, eine Möglichkeit bieten, sie anzuhalten, zu stoppen oder auszublenden. Dies
In Publitas kannst du Pause-/Wiedergabe-Steuerelemente für animierte Inhalte aktivieren. Verwende dies, wenn deine Inhalte länger als fünf Sekunden animiert sind (auch wenn sie in Schleife laufen) und automatisch abgespielt werden.
Best Practices für barrierefreie Animationen:
- Vermeide automatisch abgespielte Animationen, sofern sie nicht notwendig sind
- Halte Bewegungen dezent und nicht ablenkend
- Stelle dem Nutzer immer Steuerelemente zur Verfügung, um die Bewegung zu stoppen oder anzuhalten
- Verwende Alternativtext nur, wenn die Animation aussagekräftige Informationen vermittelt (z. B. „Animierter Countdown-Timer für ein zeitlich begrenztes Angebot“)
- Lass den Alternativtext leer, wenn die Animation rein dekorativ ist
Seitentranskription
Publitas stellt jede Seite deiner Publikation als Bild dar, mit zusätzlichen interaktiven Elementen darüber. Damit Nutzer, die auf Screenreader angewiesen sind, den Inhalt und Zweck jeder Seite verstehen können, kannst du eine Transkription hinzufügen — eine textbasierte Beschreibung, die vorgelesen wird, während der Nutzer durch die Publikation navigiert.
Bei Publikationen, die aus einer PDF erstellt wurden, wird vorhandener, in der Datei eingebetteter Text automatisch in den Transkriptionseditor übernommen. Dieser Text liefert jedoch nicht immer aussagekräftige oder strukturierte Beschreibungen, die für Screenreader-Nutzer geeignet sind. Zum Beispiel können wichtiger visueller Kontext, Layout-Hinweise oder Produktbeziehungen fehlen.
Bei Publikationen, die von Grund auf erstellt wurden (ohne PDF), ist standardmäßig keine Transkription vorhanden.
In beiden Fällen kannst du den Transkriptionseditor verwenden, um Beschreibungen auf Seitenebene zu schreiben oder anzupassen. Dies dient als Alternativtext für die gesamte Seite, bietet wesentlichen Kontext und verbessert die Barrierefreiheitskonformität nach WCAG 2.1 AA.
Mit generativen KI-Transkriptionen beschleunigen (Enterprise-Lizenz)
Um Zeit zu sparen, kannst du die generative KI von Publitas nutzen, um automatisch Transkriptionen für deine Seiten zu erstellen, was eine schnelle und skalierbare Möglichkeit bietet, die Barrierefreiheit zu verbessern. Du kannst die Ausgabe vor der Veröffentlichung jederzeit prüfen und feinabstimmen.
👉 Erfahre mehr über KI-generierte Transkription
Checkliste zur Barrierefreiheitskonformität (WCAG 2.1 AA)
Bevor du deine Inhalte veröffentlichst, prüfe diese Punkte, um sicherzustellen, dass deine Publikation barrierefrei ist:
- [ ] Der Linktext beschreibt den Zweck klar (z. B. „Produktdetails anzeigen“ statt „Hier klicken“)
- [ ] Die Fokusreihenfolge ist logisch und intuitiv (beim Navigieren mit Tab wird der Inhalt in der erwarteten Reihenfolge durchlaufen)
- [ ] Ausreichender Kontrast zwischen Text und Hintergrund
- [ ] Alternativtext wurde allen nicht dekorativen Bildern hinzugefügt
- [ ] Keine zeitbasierten Inhalte oder Animationen werden länger als 5 Sekunden automatisch abgespielt, ohne eine Pause-/Stopp-Steuerung
- [ ] Eine Transkription auf Seitenebene ist vorhanden, um wichtige Inhalte zu beschreiben (für Publikationen, die als Bilder gerendert werden)
- [ ] Konsistente Überschriftenstruktur (z. B. H1 → H2 → H3, kein zufälliges Styling)
- [ ] Vermeide es, wichtigen Text innerhalb von Bildern zu platzieren
Barrierefreiheit ist ein sich ständig bewegendes Ziel, und wir entwickeln uns mit.
Während Publitas derzeit die Standards der WCAG 2.1 AA erfüllt, arbeiten wir aktiv darauf hin, bis Ende 2025 WCAG 2.2 AA-Konformität zu erreichen. Während sich die Standards für Barrierefreiheit weiterentwickeln, tun wir das auch — und verbessern unsere Plattform kontinuierlich, um inklusive, konforme Inhalte für alle Nutzer zu unterstützen.