Übersicht
Dieser umfassende Leitfaden führt Sie durch die Integration der Zugänglichkeitsplattform Accesstive in Ihre Squarespace-Website. Accesstive hilft Ihnen, Ihre Website durch KI-gestützte Werkzeuge und Überwachung inklusiver zu gestalten und die Zugänglichkeitsstandards einzuhalten.
Was ist Accesstive?
Accesstive ist eine All-in-One-Plattform für Barrierefreiheit, mit der Websites integrativ, konform und benutzerfreundlich gestaltet werden können. Sie kombiniert leistungsstarke Tools wie ein Accessibility-Assistent-Widget, KI-basierte Live-Audits, Monitoring und einen intelligenten Assistenten. Accesstive wurde für Unternehmen, Entwickler und Agenturen entwickelt und macht Barrierefreiheit einfach, skalierbar und intelligent.
Wichtigste Merkmale
- Access Assistent: Anpassungen für Screenreader und Tastaturnavigation
- 40+ Funktionen für Barrierefreiheit: Schriftgrößenanpassung, Farbkontrast, Textlupe und mehr
- Access Monitor: Regelmäßige Scans und Analysen
- WCAG-Konformität: Beseitigung gängiger Barrieren für die Barrierefreiheit
- Kundenspezifisches Branding: Vollständig anpassbar an das Design Ihrer Website
- Access AI Audit: Echtzeit-Scan mit KI-Korrekturen per Klick
- Access Accy: KI-gestützter Barrierefreiheits-Chatbot
Installations-Methode
Benutzerdefinierte Code-Integration
Dies ist die einfachste Methode, Accesstive in Ihre mit Squarespace erstellte Website zu integrieren. Sie funktioniert mit jedem statischen HTML-, PHP- oder Template-basierten Projekt.
Schritt-für-Schritt-Anleitung:
- Öffnen Sie Ihr Projekt in Squarespace
Starten Sie Squarespace und öffnen Sie die Website oder Seite, die Sie bearbeiten möchten. - Wechseln Sie in die Codeansicht
Wählen Sie in der oberen SymbolleisteCode oderGeteilte Ansicht damit Sie den HTML-Code direkt bearbeiten können. - Suchen Sie den schließenden </body>-Tag
Blättern Sie zum Ende Ihrer HTML-Datei und suchen Sie den abschließenden </body>-Tag. - Fügen Sie das Skript-Snippet ein
Fügen Sie den folgenden Codeschnipsel direkt vor dem </body>-Tag ein:
<script async src="https://cdn.accesstive.com/assistance.js" type="module"></script>- Speichern Sie Ihre Datei
Verwenden Sie . Datei → Speichern (oder Strg+S / Cmd+S), um Ihre Änderungen zu speichern. - Vorschau Ihrer Site
Verwenden Sie die Live-Ansicht von Squarespace oder Ihren Browser, um zu überprüfen, ob das Widget angezeigt wird. - Hochladen auf Ihren Webserver
Veröffentlichen Sie die aktualisierten Dateien mit dem FTP von Squarespace oder Ihrer bevorzugten Hosting-Methode.
Profi-Tipp
Das Skript wird asynchron geladen, so dass es die Ladegeschwindigkeit und Leistung Ihrer Website nicht beeinträchtigt.
Accesstive-Konfiguration
Nach der Installation können Sie Ihre Accesstive-Einstellungen über das Accesstive-Dashboard konfigurieren:
- Widget-Anpassung: Anpassung an Ihre Markenfarben und Ihr Styling
- Auswahl der Funktionen: Wählen Sie aus, welche Zugänglichkeitsfunktionen angezeigt werden sollen
- Platzierung: Platzierung und Verhalten des Widgets festlegen
- Analytik: Überwachung der Nutzung und Verbesserung der Zugänglichkeit
Vorschau und Test
Nach der Installation sollten Sie das Accesstive-Widget auf Ihrer Website sehen. Hier erfahren Sie, wie Sie es testen können:
- Sichtbarkeit des Widgets: Suchen Sie nach dem Symbol für Barrierefreiheit (normalerweise in der unteren Ecke)
- Funktionstest: Klicken Sie auf das Widget und probieren Sie verschiedene Zugänglichkeitsoptionen aus.
- Cross-Browser-Tests: Überprüfen Sie die Funktionalität in verschiedenen Browsern
- Mobile Tests: Überprüfung der Widget-Reaktionsfähigkeit auf mobilen Geräten
Fehlersuche bei häufigen Problemen
Das Widget wird nicht angezeigt
- Stellen Sie sicher, dass das Skript vor dem schließenden </body>-Tag platziert ist.
- Stellen Sie sicher, dass Sie die aktualisierte Datei gespeichert und auf Ihren Hosting-Server hochgeladen haben.
- Löschen Sie Ihren Browser-Cache und laden Sie die Seite neu.
Probleme beim Laden des Skripts
- Überprüfen Sie die Browserkonsole auf JavaScript-Fehler
- Überprüfen Sie, ob die Skript-URL korrekt und zugänglich ist.
- Stellen Sie sicher, dass keine anderen Skripte in Konflikt stehen.
Überlegungen zur Leistung
Accesstive ist so konzipiert, dass es leichtgewichtig und leistungsfähig ist:
Metrik | Auswirkung | Einzelheiten |
| Ladezeit | Minimal | Asynchrones Laden verhindert Blockieren |
| Größe der Datei | ~45KB | Komprimiert und optimiert |
| Leistung | < 1% Auswirkung | Basierend auf Google PageSpeed |
Fangen Sie noch heute an
Bereit, Ihre Squarespace-Website barrierefreier zu gestalten? Melden Sie sich noch heute bei Accesstive an und starten Sie eine kostenlose Testversion, um allen Ihren Besuchern ein inklusiveres Web-Erlebnis zu bieten.