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. Sie kombiniert leistungsstarke Tools wie ein ein Access Assistant, Access AI Audit, Access Monitor und einen intelligenten Assistenten, 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.