Dieser umfassende Leitfaden führt Sie durch die Integration von Accesstive in Ihre Strapi CMS-Anwendungen. Accesstive ist eine All-in-One-Plattform für Barrierefreiheit, die Websites durch leistungsstarke KI-gestützte Tools und Widgets für Barrierefreiheit dabei unterstützt, inklusiv, konform und benutzerfreundlich zu werden.
Was ist Accesstive?
Accesstive ist eine All-in-One-Plattform für Barrierefreiheit, die Websites dabei unterstützt, inklusiv, konform und benutzerfreundlich zu werden. Entdecken Sie unsere Barrierefreiheits-Tools: Access Widget, Access Monitor, Access Audit und Access Accy. Accesstive wurde für Unternehmen, Entwickler und Agenturen entwickelt und macht Barrierefreiheit einfach, skalierbar und intelligent.
Wichtigste Funktionen:
- KI-gestütztes Widget für Barrierefreiheit mit über 40 Funktionen
- Unterstützung für Screenreader und Tastaturnavigation
- Bilderkennung und OCR zur Generierung von Alt-Text
- Regelmäßige Scans und Analysen zur Barrierefreiheit
- Unterstützung bei der Einhaltung der WCAG-Richtlinien
Installationsmethoden
Methode 1: Benutzerdefiniertes Strapi-Plugin (empfohlen)
Der robusteste Ansatz besteht darin, ein benutzerdefiniertes Strapi-Plugin zu erstellen, das das Accesstive-Skript automatisch in Ihre Frontend-Anwendungen einfügt.
Installation Steps:
- Laden Sie die Accesstive-Plugin-Dateien herunter.
- Entpacken Sie sie in Ihr Verzeichnis src/plugins/.
- Fügen Sie das Plugin zu Ihrer Datei config/plugins.js hinzu.
- Starten Sie Ihre Strapi-Anwendung neu.
- Das Plugin fügt das Barrierefreiheits-Skript automatisch ein.
HTML-Vorlagenintegration:
<!-- Add before closing </body> tag --> <script async src="https://cdn.accesstive.com/assistance.js" type="module"></script>
Vorschau und Test
Nach der Integration wird das Accesstive-Widget in Ihren Frontend-Anwendungen angezeigt. Testen Sie die Integration wie folgt:
- Laden Sie Ihre Frontend-Anwendung.
- Suchen Sie nach dem Symbol für das Barrierefreiheits-Widget.
- Testen Sie verschiedene Barrierefreiheitsfunktionen.
- Überprüfen Sie das Laden des Skripts in den Entwicklertools des Browsers.
Fehlerbehebung
Common Issues:
| Problem | Problem |
|---|---|
| Widget wird nicht angezeigt | Überprüfen Sie das Laden des Skripts im Netzwerk-Tab und überprüfen Sie die CDN-Zugänglichkeit. |
| Plugin wird nicht geladen | Stellen Sie sicher, dass das Plugin in plugins.js richtig konfiguriert ist. |
| CSP-Fehler | Fügen Sie accesstive.com zu Ihrer Content Security Policy hinzu. |
Profi-Tipp:
Testen Sie Barrierefreiheitsfunktionen immer mit tatsächlichen assistiven Technologien, um deren ordnungsgemäße Funktionalität sicherzustellen.
Uninstallation
To remove Accesstive integration:
- Entfernen Sie das Plugin aus Ihrem Plugin-Verzeichnis.
- Entfernen Sie den Plugin-Verweis aus config/plugins.js.
- Oder entfernen Sie manuelle Skript-Tags aus Ihrem Frontend.
- Leeren Sie den Browser-Cache.
Bereit, Ihre Strapi-Website barrierefrei zu machen?
Starten Sie noch heute mit Accesstive, beginnen Sie die kostenlose Testversion und verwandeln Sie Ihre Strapi-Anwendungen in inklusive, konforme Erlebnisse für alle Benutzer.