Iubenda logo
Generator starten

Anleitungen

INHALTSÜBERSICHT

Erste Schritte mit der Accessibility Solution von iubenda: eine Schritt-für-Schritt-Anleitung

Der European Accessibility Act (EAA) tritt am 28. Juni 2025 vollständig in Kraft und stellt neue Anforderungen an die Barrierefreiheit von Websites. Für Unternehmen, die in der EU tätig sind oder Kunden in der EU bedienen, ist es von entscheidender Bedeutung, die Barrierefreiheit zu verbessern und sich an diese neuen Standards anzupassen. Mit der Accessibility Solution von iubenda war es noch nie so einfach, Ihre Website barrierefrei zu gestalten.

Die neue Accessibility Solution von iubenda verwendet KI-gestützte Anpassungen, um Ihre Website automatisch für Nutzer mit verschiedenen Behinderungen barrierefreier zu machen. Die Lösung unterstützt eine Reihe von Funktionen für bessere Barrierefreiheit, die es den Nutzern erleichtern, auf Ihrer Website zu navigieren und mit ihr zu interagieren.

Was ist die Accessibility Solution von iubenda?

Die Accessibility Solution von iubenda ist ein vollständig automatisiertes Widget zur Verbesserung der Barrierefreiheit Ihrer Website. Es passt Ihre Website in Echtzeit an die Bedürfnisse von Nutzern mit Behinderungen an, zum Beispiel durch die Größenanpassung von Text, kontrastreiche Modi, Kompatibilität mit Screenreadern und mehr. Einige der Vorteile unseres Tools:

  • Kompatibilität mit Screenreadern: Ermöglicht Nutzern mit Sehbehinderungen, Ihre Website mithilfe von Screenreadern zu lesen.
  • 🔳 Kontrast und Textanpassung: Ermöglicht Nutzern, den Kontrast und die Schriftgröße an ihre Bedürfnisse anzupassen.
  • ⌨️ Tastaturnavigation: Verbessert die Tastaturnavigation für Nutzer mit motorischen Beeinträchtigungen.
  • 🌀 Kontrolle über dynamische Inhalte: Ermöglicht Nutzern mit Epilepsie oder anderen Erkrankungen, Animationen oder dynamische Inhalte zu deaktivieren, die schädlich sein könnten.

Dank des einfachen Installationsprozesses können Sie sofort loslegen, ohne den Code Ihrer Website überarbeiten zu müssen.

Schritt 1: Accessibility Solution aktivieren

  1. Rufen Sie das iubenda-Dashboard auf: Auf Ihrem iubenda-Dashboard finden Sie unter Ihren verfügbaren Produkten die Kachel Accessibility Solution.
  2. Widget aktivieren: Klicken Sie auf die Schaltfläche Aktivieren, um die Accessibility Solution zu verwenden.
  3. Accessibility Solution

Bitte beachten: Das Tool befindet sich in der Beta-Phase und kann bis zum 15. April kostenlos genutzt werden. Nach diesem Datum zahlen Sie monatlich €6 pro 10.000 Seitenaufrufe.

🔜 Demnächst verfügbar

Wir arbeiten kontinuierlich an der Weiterentwicklung der Accessibility Solution weiter und werden regelmäßig neue Funktionen und Anpassungsmöglichkeiten veröffentlichen. Dazu gehören die Anpassung der Position, der Farbe und des Layerings (Z-Index) des Widgets sowie die Anzeige auf Ihrer Website als Symbol, Label oder beides. Mit diesen Optionen können Sie das Widget ganz einfach perfekt an das Design Ihrer Website anpassen. Wir halten Sie auf dem Laufenden!

Accessibility Solution

Schritt 2: Accessibility Solution-Widget auf Ihrer Website installieren

Sobald das Widget aktiviert ist, können Sie es auf Ihrer Website einbetten.

  1. Widget einbetten: Kopieren Sie den mitgelieferten Code-Snippet für das Accessibility Widget und fügen Sie ihn ganz am Anfang des Head-Bereichs Ihrer Website ein (direkt nach dem <head>-Tag), um das Widget zu installieren.
  2. Accessibility Solution
  3. Funktionalität des Widgets prüfen: Aktualisieren Sie nach dem Einbetten Ihre Website, um sicherzustellen, dass das Widget sichtbar ist und funktioniert. Sie sollten nun ein kleines Accessibility-Symbol sehen:
  4. Accessibility Solution

So funktioniert‘s für Ihre Endnutzer

Sobald das Accessibility Solution-Widget in Ihre Website eingebettet und aktiv ist, können Endnutzer damit interagieren, um ihr Surf-Erlebnis anzupassen. Wenn Nutzer ihre Einstellungen über das Widget ändern, wird das Layout der Website in Echtzeit angepasst, sodass der Inhalt sofort je nach gewählten Einstellungen optimiert wird. Hier erfahren Sie, wie sich das Widget verhält und welche Funktionen es bietet:

  1. Erscheinungsbild des Widgets: Das Accessibility-Widget erscheint als kleines Symbol. Wenn Ihre Nutzer darauf klicken, öffnet sich ein Menü mit Optionen für die Barrierefreiheit, mit denen Sie das Layout der Website nahtlos anpassen können.
  2. Nutzerpräferenzen: Nutzer können mit dem Widget ihre Präferenzen für die Barrierefreiheit auswählen, z. B:
    • Textgröße: Nutzer können die Größe des Textes für eine bessere Lesbarkeit anpassen.
    • Kontrasteinstellungen: Durch Kontrastanpassungen kann der Inhalt deutlicher hervorgehoben werden, insbesondere für Menschen mit Sehbehinderungen.
    • Andere Anzeigeoptionen: Das Widget bietet außerdem eine Reihe von Anzeigeeinstellungen für unterschiedliche Bedürfnisse, die es Nutzern erleichtern, auf der Website so zu navigieren, wie es ihnen am besten passt.
    • Textgröße und -stil: Vergrößert oder passt den Text so an, dass er besser lesbar ist, ohne dass die Seite neu geladen werden muss.
    • Kontrast: Ändert die Hintergrund- und Textfarben, um die Sichtbarkeit für Nutzer mit Farbenblindheit oder einer Sehbehinderung zu verbessern.
  3. Kontrolle über dynamische Inhalte: Für Nutzer, die empfindlich auf Animationen oder blinkende Inhalte reagieren, bietet das Widget die Möglichkeit, Animationen zu deaktivieren oder das Verhalten dynamischer Inhalte zu ändern. Dies ist besonders vorteilhaft für Menschen mit Erkrankungen wie Epilepsie.
  4. Verbesserte Navigation: Zusätzlich zu den visuellen Änderungen verbessert das Widget die Tastaturnavigation, indem es die Fokusreihenfolge optimiert. Dadurch wird es für Nutzer mit motorischen Einschränkungen einfacher, effizient auf der Seite zu navigieren und mit den Inhalten zu interagieren.
  5. Screenreader-Kompatibilität: Das Widget stellt sicher, dass alle Elemente mit Screenreadern kompatibel sind, sodass Nutzer mit Sehbehinderungen alle Inhalte Ihrer Website leicht verstehen und mit ihnen interagieren können.
  6. Bequem und leicht zugänglich: Die Einstellungen für die Barrierefreiheit sind jederzeit leicht zugänglich. Das Widget befindet sich an einer festen Position auf der Website, so dass Ihre Nutzer bei Bedarf Änderungen vornehmen können.
  7. Accessibility Solution

Mit der Accessibility Solution von iubenda können Sie die Barrierefreiheit Ihrer Website verbessern und allen Nutzern ein besseres, integratives Erlebnis bieten.

Legen Sie noch heute los und verbessern Sie die Barrierefreiheit Ihrer Website!

Jetzt aktivieren