Zum Inhalt
ANLEITUNG FÜR TYPO3

TYPO3
barrierefrei machen.

So baust du das Barrierefreiheits-Menü von barrierex in TYPO3 ein: Schritt für Schritt, mit 20-Sekunden-Video und ehrlichen Hinweisen, was TYPO3 erlaubt.

35 Anleitungen35 kurze KlickvideosOhne externe Video-Embeds
Integrationen CMS

TYPO3Script-Einbindung

Quellen geprüft
2026-10-29
Vor dem Einbau kurz prüfen

Entwicklerzugriff erforderlich; es gibt keinen versionsübergreifenden universellen Admin-Klickpfad. Die recherchierte TypoScript-Referenz ist für TYPO3 12.4; Einbindung an tatsächlich eingesetzte Version und PAGE-Objektnamen anpassen.

Deine 20-Sekunden-AnleitungStumm · mit Untertiteln

Eigene schematische Klickanleitung, keine Originalaufnahme des Anbieter-Dashboards. Bezeichnungen können je Tarif, Sprache oder Editor-Version abweichen.

SCHRITT FÜR SCHRITT

So verbindest du TYPO3

01

Sitepackage öffnen

Im bestehenden Sitepackage die JavaScript-Datei unter Resources/Public/JavaScript ablegen.

02

TypoScript ergänzen

Im aktiven PAGE-Objekt includeJSFooter.barrierex auf EXT:site_package/Resources/Public/JavaScript/barrierex-widget.js setzen; includeJSFooter.barrierex.defer = 1 ergänzen.

03

Deployment prüfen

Änderung deployen, relevante Caches leeren und mehrere veröffentlichte Seitentypen prüfen.

04

Installation testen

Die veröffentlichte Website in einem privaten Fenster öffnen. Widget auf Startseite und Unterseite öffnen, eine Einstellung testen und zurücksetzen.

PASSEND ZU DEINER WEBSITE

Dein Einbaupaket.

Datei nach dein öffentliches Asset-Verzeichnis kopieren. Bei Unterpfad-Deployments den Assetpfad anpassen.

Einbindung
# Im Site-Package: TypoScript-Setup
page.includeJSFooter.barrierex = EXT:site_package/Resources/Public/JavaScript/barrierex-widget.js
page.includeJSFooter.barrierex.defer = 1
# Für Inline-Modus: data-mode per Custom-Attribute ergänzen
# und <button data-barrierex-open>Darstellung anpassen</button> im Footer.
# Oder das universelle Script im Fluid-Layout verwenden:
<script src="/barrierex-widget.js" data-mode="floating" data-color="#7051e8" data-position="right" defer></script>
DER LETZTE SCHRITT

Ist dein Script angekommen?

Prüfe die veröffentlichte Seite. Wir suchen das Script im HTML und testen, ob die Datei erreichbar ist.

Die URL wird nicht gespeichert. Dieser Check ist kein Barrierefreiheitsnachweis.

Direkt zur Herstellerdokumentation

Menüpfade und Einschränkungen wurden aus öffentlichen Herstellerquellen recherchiert. Es wurden keine Installationen in fremden Kundenkonten vorgenommen.

TYPO3: Quelle 1TYPO3: Quelle 2
NICHT SICHER, WAS DAHINTERSTECKT?

Deine URL reicht
für einen ersten Hinweis.

Die Erkennung ist ein Vorschlag aus öffentlichen HTML-Merkmalen. Bitte bestätige die Plattform, bevor du etwas einbaust.