Kontakt
Entwicklung

TYPO3 Accessibility

Bündelt WCAG-2.2-AA-Muster für TYPO3-Sitepackages ab Version 13. Behandelt Navigation, Formulare, Tabellen, Fokus und bewegte Inhalte.

Neuestes Release v1.7.1

Installation

Wähle einen unterstützten Installationsweg. Paketumfang, Einbindung in den Agent und benötigte Laufzeitwerkzeuge können sich unterscheiden.

  1. Claude Code über diesen Marketplace 
    /plugin install typo3-a11y@netresearch-claude-code-marketplace

    Zuerst den Marketplace einmal in Claude Code hinzufügen: /plugin marketplace add netresearch/claude-code-marketplace. Danach das gewünschte Plugin installieren. Einrichtung und Geltungsbereich beschreibt die Claude-Code-Anleitung Ein Plugin kann mehrere Skills und zusätzliche Bestandteile enthalten.

  2. npx Skills gezielt auswählen 
    npx skills add https://github.com/netresearch/typo3-a11y-skill

    Benötigt Node.js 22.20+. Im Zielprojekt ausführen und anschließend Skills und Agents im Installer auswählen. Verwendet den skills-Installer von skills.sh Installiert Skill-Anweisungen. Zusätzliche Plugin-Hooks, Befehle und externe Laufzeitwerkzeuge werden damit nicht eingerichtet.

  3. composer require PHP-Projekt, als Paket 
    composer require netresearch/typo3-a11y-skill

    Den Composer-Skill-Installer aktivieren und die Skill-Einbindung auf Nachfrage freigeben. Setzt netresearch/composer-agent-skill-plugin voraus. Erkennt freigegebene Skill-Pakete und trägt ihre Anweisungen in AGENTS.md ein. Laufzeitwerkzeuge können eine eigene Einrichtung benötigen.

  4. composer skills:add PHP-Projekt, direkte Quelle 
    composer skills:add netresearch/typo3-a11y-skill

    Zuerst netresearch/composer-agent-skill-plugin installieren und aktivieren; die Skill-Einbindung der gewählten Quelle freigeben. Wird bereitgestellt von netresearch/composer-agent-skill-plugin Bezieht Quell-Repositories ohne Packagist-Paket und hält sie in composer.skills.lock fest. Laufzeitabhängigkeiten werden getrennt eingerichtet.

Wofür du das Paket einsetzt

  • Navigation, Formulare, Filter und Tabellen in TYPO3-Sitepackages barrierearm umsetzen.
  • Fokus, Skip-Links, ARIA und reduzierte Bewegung anhand der WCAG-2.2-AA-Muster prüfen.

Ergebnisse und Beispiele

  • HTML/ARIA-Muster, SCSS- und TypeScript-Beispiele sowie Barrierefreiheitsprüfungen für die gewünschte TYPO3-Frontend-Komponente.

Voraussetzungen im Projekt

  • Die Anleitung richtet sich an TYPO3-Sitepackages ab Version 13.
  • Der Skill selbst enthält Text und Konfiguration ohne eigene ausführbare Laufzeit. Projektwerkzeuge und Versionsanforderungen stehen in den jeweiligen Referenzen.

Tags

  • development
  • typo3