# Typo3 A11Y > Use when building accessible navigation, forms, filters, tables, skip links, disclosure widgets, or reviewing frontend code for accessibility in TYPO3 v13/v14 LTS projects. Also covers frontend implementation patterns: sticky header, lazy loading, breadcrumb, language switcher, animations, scroll-to-anchor, skeleton loading, toast notifications, back-to-top. Covers WCAG 2.2 AA: ARIA attributes, focus management, keyboard navigation, screen reader support, color contrast, link identification, heading hierarchy, native dialog element modal (#107443), Camino theme a11y. - Skill: `dirnbauer/typo3-a11y` (Agent Skill, multi-file: 22 files) - Install (CLI): `npx skillmds@latest add dirnbauer/typo3-a11y` - Raw SKILL.md: https://api.skillmd.com/api/skills/dirnbauer/typo3-a11y/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: dirnbauer (https://skillmd.com/u/dirnbauer) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/dirnbauer/typo3-a11y --- # TYPO3 Accessibility Skill WCAG 2.2 Level AA compliance standards for TYPO3 v13 and **v14.3 LTS** sitepackage frontend development. EN 301 549 still cites 2.1 AA; 2.2 covers the WCAG part of both, not EN's further clauses. **v14 a11y wins** (use as reference): - Native `` modal replaces Bootstrap Modal (Breaking [#107443](https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/14.0/Breaking-107443-MigrateModalComponentFromBootstrapToNativeDialog.html)) — proper focus trap + Esc-to-close for free. - DocHeader breadcrumb rework (Feature [#107875](https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/14.0/Feature-107875-DoctypeBasedRouting.html)) improves landmark structure. - CKEditor 5 v47 dark/light context-aware (Breaking [#106964](https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/14.0/Breaking-106964-MakeCkeditorContextAwareByDefault.html)) respects `prefers-color-scheme`. - Camino theme (v14.1+, Feature [#108539](https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/14.1/Feature-108539-Default-Theme-Camino.html)) is an alternative to `bootstrap-package` with configurable nav/footer — validate a11y when opting in. ## Accessibility Recommendations These rules should be followed in every TYPO3 sitepackage: 1. **Skip links required** -- first focusable element on every page 2. **Links underlined in body text** -- color alone is not sufficient for link identification 3. **Never disable buttons** -- validate on click, show error messages 4. **No `role="menu"` for navigation** -- use `