# sitebrunch --- source: https://www.sitebrunch.com/ # Barrierefreiheit, die du nachweisen kannst Dokumentierte Prüfung nach EN 301 549, eine teilbarer Prüfbericht mit deinem tatsächlichen Stand und ein Monitoring, das ihn aktuell hält. Starte mit einem kostenlosen Test in 2 Minuten. > Teste Website und PDFs kostenlos in 2 Minuten auf Barrierefreiheit. Mit WCAG-Report, Audits nach EN 301 549 und täglichem Monitoring von sitebrunch. Referenzen: Arise, MOIN Filmförderung Hamburg Schleswig-Holstein, DasHaus, Chris & Friends, Lange nacht der Museen, Hubert Burda Media, No Agency, Kultur Projekte Berlin. ### Wie möchtest du starten? Je nachdem, wie viel du selbst machen willst: Du prüfst eigenständig, wir prüfen für dich, oder sitebrunch überwacht dauerhaft. #### Selbst prüfen Du arbeitest dich im geführten Workflow durch die Anforderungen der EN 301 549 und dokumentierst jeden Prüfschritt. [BFSG-Audit ansehen](/accessibility/audits) #### Prüfen lassen Wir führen das vollständige Audit für dich durch und liefern Report, Barrierefreiheitserklärung und priorisierten Maßnahmenplan. [Zum Audit-Paket](/accessibility/pruefen-lassen) #### Überwachen sitebrunch prüft deine Website automatisch alle 24 Stunden, verifiziert behobene Barrieren und meldet neue. [Monitoring ansehen](/accessibility/monitoring) ### Barrieren erkennen & dokumentieren Finde alle Barrieren in deinen Inhalten und dokumentiere sie nachvollziehbar, damit sie problemlos behoben werden können. #### WCAG Monitoring Überwache vollautomatisiert die Barrierefreiheit deiner Websites. [Mehr erfahren](/accessibility/monitoring) #### Auf die EN 301 549 prüfen Prüfe selbst mit gezielten Audits. Das deckt auch die WCAG 2.1 Level AA ab. [Mehr erfahren](/accessibility/audits) #### PDF Check auf WCAG & PDF/UA Kontrolliere die Barrierefreiheit deiner PDFs automatisch. [Mehr erfahren](/accessibility/pdfs) ### Barrieren verstehen, beheben und verhindern Barrierefreiheit ist kein vorübergehendes Thema, sondern eine dauerhafte Anforderung für alle, die digitale Produkte und Services anbieten. #### Schulungsinhalte Lerne, die Anforderungen digitaler Barrierefreiheit wirklich zu verstehen und für eine nachhaltige Entwicklung korrekt umzusetzen. [Mehr erfahren](/accessibility/schulungsinhalte) #### MCP Server enthalten Der sitebrunch MCP Server lässt KI-Assistenten wie Claude Code und OpenAI Codex Barrierefreiheits[-]probleme aus deinen Audits direkt im Code beheben. [Mehr erfahren](/accessibility/mcp-server) #### Für Teams gemacht Hinterlasse Kommentare direkt auf deiner Website für eine effiziente Zusammenarbeit. [Mehr erfahren](/collaboration) ## Warum sitebrunch Accessibility? Als ganzheitliche Lösung für digitale Barrierefreiheit fügt sich die Plattform nahtlos in deine bestehenden Prozesse ein. *Projektmanagement* ### Integriert Barrierefreiheit in bestehende Systeme Dank der direkten Integration zu awork und Importmöglichkeiten zu Tools wie Notion, Jira, Azure Boards und Asana kannst du Barrieren sofort in Tickets umwandeln und zur Abarbeitung freigeben *DSGVO* ### Entwickelt & gehostet in der EU Datenschutz ist bei uns kein Add-on, sondern Standard. Wir setzen auf europäische Server. *Workspace* ### Nutzer*innen und Projekte sind unbegrenzt Verknüpfe alle Kundendomains zu einem festen Preis und hole alle Mitarbeitenden mit in deinen Workspace. ## Branchen, die auf uns setzen > Neben einem schnellen Support ist uns eine benutzerfreundliche Lösung unglaublich wichtig. Das Accessibility Center von sitebrunch ist mittlerweile fester Bestandteil unserer Prozesse und wir möchten es nicht mehr missen. Klare Empfehlung! > > — Markus Wirtz, Geschäftsführer, chris and friends GmbH > Mein Highlight sind die automatischen Reports, durch die ich immer über KPIs und Änderungen informiert bin. Die Heatmaps sind für unseren Shop ebenfalls wertvoll: Wir sehen sofort, welche Elemente funktionieren und wo Nutzer*innen abspringen. Durch die Kommentarfunktion können Optimierungspotenziale direkt mit dem Team geteilt werden. > > — Tim Buschulte, CEO, vinodo > Das Monitoring mit sitebrunch hat uns vollkommen überzeugt: Wir können neue Barrieren direkt identifizieren und die Heatmap hilft uns, den User-Flow gezielt zu optimieren. Die erfassten Daten werden klar und übersichtlich aufbereitet – ganz ohne datenintensive Cookies. Wir sind Fans! > > — Claudia Hartmann, Leitung Kommunikation & Veranstaltung, Filmförderung Hamburg Schleswig-Holstein GmbH ## Normen und Gesetze kurz erklärt ### Wie hängen BFSG, EN 301 549 und WCAG zusammen? Das BFSG ist das deutsche Gesetz, das die Pflicht zur Barrierefreiheit schafft. Die EN 301 549 ist der europäische Standard, der beschreibt, wie du diese Pflicht technisch umsetzt. Die WCAG wiederum sind die internationalen Richtlinien für barrierefreie Webinhalte, und genau diese übernimmt die EN 301 549 für den Web-Bereich. Kurz gesagt: Das Gesetz sagt, dass du barrierefrei sein musst, Standard und Richtlinien sagen, was das konkret bedeutet. ### Was ist das BFSG, und gilt es auch für mich? Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 viele Unternehmen, Produkte und Dienstleistungen für Verbraucher*innen barrierefrei anzubieten, darunter Online-Shops, Bankdienstleistungen und Telekommunikationsdienste. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme sind bei Dienstleistungen ausgenommen. ### Was genau ist die EN 301 549? Die EN 301 549 ist der europäische Standard für barrierefreie digitale Technik: Websites, Apps, Dokumente und Software. Sie ist selbst kein Gesetz, gilt aber als die zentrale technische Referenz für digitale Barrierefreiheit in der EU. Erfüllt deine Website die EN 301 549, deckst du damit die technischen Anforderungen des BFSG ab. ### Und was sind die WCAG? Die Web Content Accessibility Guidelines (WCAG) sind die internationalen Richtlinien für barrierefreie Webinhalte, herausgegeben vom W3C, dem Standardisierungsgremium für das Web. Sie bestehen aus konkret prüfbaren Erfolgskriterien in drei Stufen: A, AA und AAA. Die EN 301 549 übernimmt für Webinhalte die Kriterien der WCAG 2.1 auf den Stufen A und AA. In der Praxis ist WCAG 2.1 Level AA deshalb die Messlatte für deine Website. ### Muss ich alle drei Regelwerke einzeln prüfen? Nein. Weil die EN 301 549 für Webinhalte die WCAG 2.1 Level AA übernimmt, reicht für deine Website eine Prüfung gegen die EN 301 549. Damit hast du den Web-Teil der WCAG automatisch mit abgedeckt. Wichtig ist, dass du die Prüfung dokumentierst, damit du deinen Stand nachweisen kannst. Genau dabei unterstützt dich sitebrunch mit geführten Prüfungen und fertigen Reports. ### Bereit barrierefrei zu werden? Starte heute mit sitebrunch und sorge dafür, dass deine digitalen Inhalte barrierefrei sind. [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility&utm_content=cta_box) *Schulungen* ### Werde zur Expert*in für digitale Barrierefreiheit Mit unseren E-Learnings lernst du digitale Barrierefreiheit in Design, Entwicklung und Redaktion in deinem Tempo. - Barrierfreiheit einfach erklärt - Praxisnahe Beispiele _Über 1000 erfolgreiche Teilnehmende_ [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility&utm_content=schulungen_box) --- source: https://www.sitebrunch.com/accessibility/mcp-server # Barrierefreiheitsprobleme mit KI beheben Verbinde deinen KI-Coding-Assistenten mit sitebrunch und behebe Audit-Funde direkt im Code. > Verbinde deinen KI-Coding-Assistenten mit sitebrunch und behebe Audit-Funde direkt im Code. *MCP* ### Audit-Ergebnisse direkt in deiner IDE Der sitebrunch MCP Server gibt deinem KI-Coding-Assistenten Zugriff auf alle Barrierefreiheitsfunde aus deinen Audits. Dein KI-Agent liest Element-Selektoren, Problembeschreibungen und Lösungsvorschläge und setzt die technischen Fixes direkt in deinem Code um. - Kompatibel mit Claude Code, Cursor, Windsurf, Codex und mehr - Jeder Fix wird automatisch in sitebrunch dokumentiert - Nur technische Fixes, keine falschen Content-Entscheidungen ## Was der MCP Server kann *Überblick* #### Funde nach Priorität durcharbeiten Dein KI-Agent sieht alle Audit-Funde, sortiert nach Schweregrad. Du kannst nach Seite filtern oder dir die kritischsten Probleme zuerst anzeigen lassen. *Präzise* #### Volle Problemdetails mit Selektoren Für jedes Problem bekommt dein KI-Agent CSS-Selektoren, eine Problembeschreibung und einen konkreten Lösungsvorschlag. So findet er die betroffene Stelle im Code sofort. *Effizient* #### Technische Issues im Code beheben Fehlende alt-Attribute, fehlende ARIA-Labels, falsche Heading-Hierarchien oder fehlende Formular-Labels: Dein KI-Agent behebt strukturelle Probleme direkt in deinen Dateien. *Sicher* #### Content-Entscheidungen überspringen Probleme, die menschliches Urteilsvermögen erfordern (z.B. welcher Alternativtext passt), werden übersprungen und dokumentiert. Ein falscher Fix ist schlimmer als kein Fix. *Nachvollziehbar* #### Automatische Dokumentation Jede Änderung wird als Kommentar am jeweiligen Fund in sitebrunch dokumentiert, inklusive der geänderten Dateien. Dein Team sieht sofort, was behoben wurde. ## So funktioniert der Workflow *Schritt 1* ### MCP Server verbinden Kopiere die MCP-Konfiguration aus deinem sitebrunch Dashboard und füge sie in deinen KI-Assistenten ein. Funktioniert mit Claude Code, Cursor, Windsurf, Codex und allen anderen MCP-kompatiblen Tools. Bei der ersten Nutzung meldest du dich einfach mit deinem sitebrunch Account an. Danach bleibt die Verbindung bestehen. *Schritt 2* ### Probleme durchgehen und priorisieren Dein KI-Agent listet alle Audits und deren Funde auf. Er kann Probleme nach Schweregrad sortieren oder seitenweise durcharbeiten. Für jedes Problem bekommt er CSS-Selektoren, Screenshots und einen konkreten Lösungsvorschlag. *Schritt 3* ### Beheben und dokumentieren Dein KI-Agent behebt technische Probleme direkt in deinem Codebase und dokumentiert jeden Fix zurück in sitebrunch. Probleme, die Content- oder Design-Entscheidungen erfordern, werden mit einer klaren Begründung übersprungen, damit dein Team sie manuell bearbeiten kann. ### Bereit, Barrierefreiheit in deinen Workflow zu integrieren? Verbinde deinen KI-Assistenten mit sitebrunch und behebe Accessibility-Probleme, ohne den Editor zu verlassen. [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility_mcp&utm_content=cta_box) ## Fragen und Antworten ### Was ist das Model Context Protocol (MCP)? Das Model Context Protocol (MCP) ist ein offener Standard, der es KI-Assistenten ermöglicht, sich mit externen Datenquellen und Tools zu verbinden. Entwickelt von Anthropic, wird MCP mittlerweile von zahlreichen KI-Tools unterstützt. Der sitebrunch MCP Server nutzt dieses Protokoll, um deinem KI-Coding-Assistenten Zugriff auf Barrierefreiheits-Audit-Daten zu geben. ### Welche KI-Tools sind kompatibel? Der sitebrunch MCP Server funktioniert mit allen Tools, die das Model Context Protocol über HTTP unterstützen. Dazu gehören Claude Code, Claude Desktop, Cursor, Windsurf, GitHub Copilot (VS Code), Codex und viele weitere. Die Einrichtung dauert weniger als eine Minute: Du fügst die Server-URL in deinem Tool ein und meldest dich mit deinem sitebrunch Account an. ### Welche Probleme kann mein KI-Agent beheben? Dein KI-Agent behebt technische und strukturelle Accessibility-Probleme im Code: fehlende alt-Attribute, fehlende ARIA-Labels, falsche Heading-Hierarchie, fehlende Formular-Labels, fehlende Landmark-Elemente und ähnliche Probleme. Content-Entscheidungen wie die Formulierung eines Alternativtextes oder Design-Änderungen werden bewusst übersprungen und für dein Team dokumentiert. ### Brauche ich vorher ein Audit? Ja. Der MCP Server arbeitet mit den Ergebnissen aus den sitebrunch Audits. Du führst zuerst ein manuelles Audit durch (mit der Browser Extension oder dem Audit-MCP), bei dem die Barrierefreiheitsprobleme erfasst werden. Anschließend verbindest du deinen KI-Assistenten mit dem MCP Server, um die gefundenen Probleme systematisch zu beheben. ### Ist der MCP Server im Preis enthalten? Ja, der MCP Server ist in allen Plänen enthalten, die Audits beinhalten. Es fallen keine zusätzlichen Kosten an. Die KI-Verarbeitung läuft auf deinem eigenen KI-Tool. sitebrunch stellt nur die Audit-Daten über das MCP-Protokoll bereit. ### Wie richte ich den MCP Server in Claude Code ein? Führe in deinem Terminal den Befehl claude mcp add --transport http sitebrunch https://mcp.sitebrunch.com/ aus. Alternativ kannst du die Konfiguration aus dem sitebrunch Dashboard kopieren und in deine Einstellungen einfügen (per /settings oder in die Datei ~/.claude.json). Beim ersten Aufruf eines sitebrunch-Tools öffnet sich automatisch dein Browser zur Anmeldung mit deinem sitebrunch Account. Nach der einmaligen Anmeldung bleibt die Verbindung bestehen. ### Wie richte ich den MCP Server in OpenAI Codex ein? Füge in deiner Konfigurationsdatei ~/.codex/config.toml folgenden Eintrag hinzu: [mcp_servers.sitebrunch] mit url = "https://mcp.sitebrunch.com/". Führe dann codex mcp login sitebrunch aus, um die Anmeldung mit deinem sitebrunch Account zu starten. Es öffnet sich dein Browser, in dem du den Zugriff bestätigst. Danach hat Codex dauerhaften Zugriff auf deine Audit-Daten. ### Wie richte ich den MCP Server in Cursor ein? Öffne in Cursor die Einstellungen unter Tools & MCP oder erstelle die Datei ~/.cursor/mcp.json. Füge dort den Server als Eintrag mit der URL https://mcp.sitebrunch.com/ hinzu. Cursor erkennt den Server-Typ automatisch. Bei der ersten Nutzung öffnet sich dein Browser zur Anmeldung mit deinem sitebrunch Account. Cursor übernimmt den OAuth-Flow inklusive Token-Erneuerung automatisch. ### Wie richte ich den MCP Server in Windsurf ein? Klicke in Windsurf auf das MCP-Symbol oben rechts im Cascade-Panel oder öffne die Einstellungen unter Cascade > MCP Servers. Füge den Server mit der URL https://mcp.sitebrunch.com/ in der Datei ~/.codeium/windsurf/mcp_config.json hinzu. Bei der ersten Verwendung wirst du zur Anmeldung mit deinem sitebrunch Account weitergeleitet. ### Wie richte ich den MCP Server in Claude Desktop ein? Öffne Claude Desktop und navigiere zu Customize > Connectors. Klicke auf "Add" und füge die URL https://mcp.sitebrunch.com/ ein. Claude Desktop öffnet dann deinen Browser zur Anmeldung mit deinem sitebrunch Account. Hinweis: Remote MCP Server werden über Connectors eingerichtet, nicht über die Config-Datei. ### Wie richte ich den MCP Server in GitHub Copilot (VS Code) ein? Öffne die Command Palette (Cmd+Shift+P) und wähle "MCP: Open User Configuration" oder erstelle die Datei .vscode/mcp.json in deinem Projekt. Füge dort einen Server-Eintrag mit type "http" und url "https://mcp.sitebrunch.com/" hinzu. Wichtig: Die MCP-Tools funktionieren nur im Agent-Modus von Copilot, nicht im Chat-Modus. Erfordert VS Code 1.99 oder neuer. ### Welchen Vorteil hat der MCP Server gegenüber manuellem Beheben? Beim manuellen Beheben musst du jedes Problem einzeln im Audit-Bericht nachschlagen, die betroffene Stelle im Code finden und die Änderung selbst umsetzen. Mit dem MCP Server bekommt dein KI-Agent alle Informationen automatisch: Element-Selektoren, Problembeschreibungen und Lösungsvorschläge. Er findet die richtige Stelle im Code, setzt den Fix um und dokumentiert alles zurück in sitebrunch. So sparst du pro Fund mehrere Minuten und reduzierst die Fehlerquote bei der Umsetzung. --- source: https://www.sitebrunch.com/accessibility/ki-lesbarkeit # Lesbar für Menschen, Screenreader und KI Was Screenreader brauchen, brauchen auch KI-Agenten: saubere Struktur, klare Inhalte, maschinenlesbares HTML. Mit sitebrunch baust du beides in einem Schritt. > Wer für Screenreader baut, baut auch für KI-Agenten. Prüfe semantische Struktur, Alt-Texte und HTML-Lesbarkeit, damit ChatGPT, Claude und Perplexity deine Inhalte verstehen. *AI Readiness* ### Barrierefreiheit ist KI-Lesbarkeit ChatGPT, Claude, Perplexity und Gemini lesen deine Website wie ein Screenreader: ohne JavaScript, ohne visuelle Hinweise, nur über die HTML-Struktur. Genau die Anforderungen, die WCAG für blinde Nutzer*innen vorsieht, machen deine Inhalte auch für KI-Agenten verständlich. - Semantisches HTML statt Div-Suppe - Aussagekräftige Alt-Texte für Bilder - Klare Heading-Hierarchie und Landmarks ## Was wir prüfen Die WCAG-Checks von sitebrunch decken genau die Bereiche ab, die auch über die Lesbarkeit deiner Website für KI-Agenten entscheiden. *Struktur* #### Semantische HTML-Struktur Landmarks wie main, nav und article sowie eine saubere Heading-Hierarchie machen deine Seite für Screenreader navigierbar und für Crawler interpretierbar. *Inhalte* #### Alt-Texte und Medien Bilder, Videos und Diagramme bekommen nur dann Bedeutung, wenn sie textlich beschrieben sind. Screenreader und KI-Modelle nutzen dieselbe Quelle. *Formulare* #### ARIA-Labels und Formulare Klar beschriftete Felder, Buttons und Status-Meldungen machen deine Formulare für assistive Technologien und für KI-Agenten bedienbar, die Aktionen für Nutzer*innen ausführen. *Crawler* #### Lesbarkeit ohne JavaScript Die meisten KI-Crawler führen kein JavaScript aus. Inhalte, die erst client-seitig gerendert werden, bleiben unsichtbar. Wir prüfen, was wirklich im Quelltext steht. *Semantik* #### Strukturierte Daten (JSON-LD) JSON-LD sagt Sprachmodellen explizit, was eine Seite ist: Organisation, Artikel, Breadcrumbs, FAQ. Wir prüfen, ob deine Auszeichnungen valide sind, die wichtigen Entitäten existieren und keine Pflichtfelder leer bleiben. ## So nehmen KI-Agenten deine Website wahr Google beschreibt in seiner Web Developer-Dokumentation drei Wahrnehmungsmodi, die agentische Browser wie ChatGPT Atlas oder Perplexity Comet kombinieren. Alle drei verlangen genau das, was WCAG seit Jahren für Screenreader und assistive Technologien vorschreibt: Wer barrierefrei baut, ist automatisch KI-lesbar. *Vision* #### Screenshots mit Vision-Modell Ein Vision-Modell sucht klickbare Elemente anhand von Größe, Position und Farbe. Genau das schreibt WCAG für motorische und visuelle Einschränkungen vor: ausreichend große Klickflächen, klare Kontraste, stabile Layouts und keine verdeckenden Overlays. *DOM* #### Roher HTML-Quelltext Der Agent parst den DOM-Baum direkt, genauso wie ein Screenreader. Beide erkennen echte button- und a-Elemente sofort als interaktiv, klickbare Divs nicht. Was Screenreader-Nutzer*innen zur Bedienung brauchen, braucht der Agent zur Orientierung. *A11y Tree* #### Accessibility Tree Der Browser liefert die gleiche semantische Zusammenfassung mit Rollen, Namen und Zuständen, die auch Screenreader nutzen. Sauber gesetzte ARIA-Labels, role-Attribute und mit for-Attribut verknüpfte Eingabefelder helfen daher beiden gleichermaßen. ## So machst du deine Website KI-lesbar *Schritt 1* ### Audit oder Monitoring starten Mit dem WCAG Monitoring oder einem manuellen Audit findet sitebrunch alle strukturellen Schwachstellen deiner Seite. Fehlende Alt-Texte, falsche Heading-Reihenfolge, unbeschriftete Formulare und nicht-semantische Container werden dokumentiert. *Schritt 2* ### Funde direkt im Code beheben Mit dem sitebrunch MCP Server lässt du deinen KI-Coding-Assistenten technische Issues wie alt-Attribute, ARIA-Labels und Heading-Hierarchien direkt in der Codebase reparieren. Jeder Fix wird in sitebrunch dokumentiert. *Schritt 3* ### Doppelte Wirkung mitnehmen Deine Website erfüllt BFSG, BITV und EN 301 549 und ist gleichzeitig sauber lesbar für ChatGPT, Claude, Perplexity und Gemini. Compliance heute, Sichtbarkeit morgen, beides aus einem Workflow. ## Warum sitebrunch für KI-Lesbarkeit? Wir bauen keine Tricks für LLMs. Wir prüfen, ob deine Inhalte überhaupt wahrnehmbar sind, für Menschen wie für Maschinen. *Ehrlich* ### Keine Manipulation, nur Lesbarkeit Wir helfen dir, deine Inhalte so zu strukturieren, dass sie verstanden werden. Keine Prompt-Injections, keine versteckten Keywords. Was Screenreader und Suchmaschinen seit Jahren erwarten, gilt jetzt auch für KI-Agenten. *DSGVO* ### Made & hosted in EU Datenschutz ist bei uns kein Add-on, sondern Standard. Wir setzen auf europäische Server und arbeiten cookiefrei. *Workspace* ### Für dein Business gemacht Verknüpfe alle Kundendomains zu einem festen Preis und hole alle Mitarbeitenden mit in den sitebrunch Workspace. ### Bereit für eine Website, die alle verstehen? Starte mit einem kostenlosen WCAG-Test und sieh, wo deine Inhalte für Menschen und Maschinen lesbar werden. [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=ki_lesbarkeit&utm_content=cta_box) ## Fragen und Antworten ### Was bedeutet KI-Lesbarkeit? KI-Lesbarkeit beschreibt, wie gut Sprachmodelle und KI-Agenten wie ChatGPT, Claude, Perplexity oder Gemini den Inhalt deiner Website erfassen können. Sie nutzen dafür dieselben Signale wie Screenreader: semantisches HTML, Heading-Hierarchien, Alt-Texte, ARIA-Labels und klare Sprache. Eine barrierefreie Seite ist deshalb fast automatisch auch KI-lesbar. ### Müssen wir extra für KI-Agenten optimieren? Nein. Wer sich an WCAG hält, deckt etwa 80 Prozent dessen ab, was KI-Crawler brauchen. Es geht nicht darum, Sprachmodelle zu täuschen oder zu manipulieren, sondern darum, Inhalte überhaupt wahrnehmbar zu machen. Sitebrunch prüft genau diese strukturellen Voraussetzungen. ### Sehen ChatGPT und Claude unsere Website wie ein Mensch? Nein. Die meisten KI-Crawler führen kein JavaScript aus und sehen keine visuellen Layouts. Sie holen rohes HTML und parsen es. Inhalte, die erst client-seitig gerendert werden, oder Informationen, die nur im Bild stehen, bleiben unsichtbar. Genau dieselbe Einschränkung gilt für Screenreader. ### Sind wir mit BFSG-Konformität automatisch KI-ready? In großen Teilen ja. BFSG, BITV und EN 301 549 fordern eine semantische, klar strukturierte und maschinenlesbare Auszeichnung. Das ist die Basis für KI-Lesbarkeit. Ergänzend sinnvoll sind strukturierte Daten wie schema.org und ein Server-Side-Rendering der wichtigsten Inhalte. Sitebrunch zeigt dir, wo Lücken bleiben. ### Welche KI-Agenten und Crawler gibt es? Zu den wichtigsten zählen GPTBot und ChatGPT-User von OpenAI, ClaudeBot von Anthropic, PerplexityBot, Google-Extended für Gemini und CCBot von Common Crawl. Daneben treten zunehmend agentische Browser wie ChatGPT Atlas und Perplexity Comet auf, die Seiten stellvertretend für Nutzer*innen ansteuern. Alle profitieren von einer sauber strukturierten Website. ### Tracken wir mit sitebrunch, ob KI-Bots unsere Seite besuchen? sitebrunch UX zeigt dir Herkünfte deiner Besucher*innen, also auch Sessions, die aus chatgpt.com, perplexity.ai oder ähnlichen Quellen kommen. Reine Trainings-Crawler ohne JavaScript-Ausführung sehen wir client-seitig allerdings nicht. Unser Fokus liegt deshalb darauf, deine Website lesbar zu machen, nicht den Bot-Traffic im Detail zu vermessen. ### Wie hilft der MCP Server bei KI-Lesbarkeit? Der sitebrunch MCP Server gibt deinem KI-Coding-Assistenten Zugriff auf alle Audit-Funde. Fehlende alt-Attribute, ARIA-Labels oder eine kaputte Heading-Hierarchie werden direkt im Code behoben. Genau die Punkte, die WCAG-Konformität herstellen, verbessern gleichzeitig die Lesbarkeit für KI-Agenten. ### Ist KI-Lesbarkeit ein eigenes Produkt oder im Plan enthalten? Es ist kein zusätzliches Produkt. Wer sitebrunch Accessibility nutzt, deckt KI-Lesbarkeit zum großen Teil mit ab. Die Audits, das Monitoring und der MCP Server prüfen und beheben dieselben strukturellen Voraussetzungen, die auch Sprachmodelle benötigen. --- source: https://www.sitebrunch.com/accessibility-probleme-beheben # Finde und behebe mit unserem Barrierefreiheits-Tool alle BFSG-Verstöße auf Kundenwebsites! Mit geführten manuellen Tests entdeckt du als Agentur wirklich alle Fehler und mit automatisiertem Monitoring hältst du die Barrierefreiheit langfristig aufrecht. Und Fehler beheben? Dafür haben wir einfache Erklärung und direkte KI-Code-Unterstützung! > Mache jetzt einen kostenlosen Test auf Barrierefreiheit und erhalte in 2 Minuten einen WCAG-Report mit konkreten Empfehlungen. Referenzen: Arise, MOIN Filmförderung Hamburg Schleswig-Holstein, DasHaus, Chris & Friends, Lange nacht der Museen, Hubert Burda Media, No Agency, Kultur Projekte Berlin. ### So helfen wir Teams, Barrieren zu erkennen! Automatisiertes WCAG-Monitoring, einfache manuelle Tests und auch Prüfungen von PDFs. #### WCAG Monitoring Überwache mit wöchentlichen Scans vollautomatisiert die Barrierefreiheit von gesamten Webseiten. [Mehr erfahren](/accessibility/monitoring) #### Auf die EN 301 549 prüfen Prüfe manuell, um wirklich alle Fehler zu erkennen durch geführte, anfängerfreundliche Audits, direkt auf der Live-Website! [Mehr erfahren](/accessibility/audits) #### PDF Check auf WCAG & PDF/UA Der erste PDF-Checker auf Barrierefreiheit, der auf Windows und Mac funktioniert! [Mehr erfahren](/accessibility/pdfs) ### Barrieren verstehen und beheben Wir bringen dir bei, was du wissen musst, um Fehler nicht nur zu finden, sondern sie auch direkt zu beheben! #### Schulungsinhalte Einfachen Schulungsinhalte für alle Gewerke. Ihr lernt, die Anforderungen der digitalen Barrierefreiheit zu verstehen, um Fehler zu beheben und sie in Zukunft gar nicht mehr zu machen! [Mehr erfahren](/accessibility/schulungsinhalte) #### MCP Server enthalten Der sitebrunch MCP Server lässt KI-Assistenten die gefundenen Barrierefreiheits[-]probleme aus deinen Audits direkt im Code beheben. [Mehr erfahren](/accessibility/mcp-server) #### Für Teams gemacht Bespreche Fehler direkt in den Kommentaren, genau da, wo sie auf der Seite auftauchen. Teile Ergebnisse und Prüfberichte mit Kunden und exportiere Tickets für alle gängigen Projekt-Management-Systeme. [Mehr erfahren](/collaboration) ## Warum unser Barrierefreiheits-Tool? Wir sind anfängerfreundlich, bieten automatisierte Tests für Quick-Fixes und manuelle Test für die, die es ernst meinen und sind speziell für Agentur-Prozesse ausgerichtet. *Projektmanagement* ### Mache aus gefundene Barrieren direkt Tickets in deinem System Kein Übertragen per Hand: Direkte Integration zu awork und Ticket-Export zu Notion, Jira, Azure Boards und Asana! *Für Laien & Profis* ### Barrierefreiheit testen, ohne 5 Jahre Experte zu sein Natürlich braucht es immer etwas Erfahrung, aber unsere geführten, manuellen Tests machen den Einstieg so einfach wie möglich! Ihr bekommt einfach erklärte Text- und Video-Anleitungen zu allen Prüfschritten und sogar Problem- und Lösungsvorschläge aus unserer alltäglichen Praxis! *Komplette Rechtssicherheit* ### Über Fehler lernen, die Fehler zuverlässig finden und die Fehler beheben Wir sind keine Teil-Lösung. Unser Ziel ist, dass ihr als Team wirklich rechtssichere, barrierefreie Webseiten erstellen könnt. Dazu müsst ihr verstehen, welche Fehler es gibt (Schulungen), wie ihr sie findet (Tests) und wie ihr sie behebt (Lösungsvorschläge & KI-Unterstützung). ## Branchen, die auf uns setzen > Neben einem schnellen Support ist uns eine benutzerfreundliche Lösung unglaublich wichtig. Das Accessibility Center von sitebrunch ist mittlerweile fester Bestandteil unserer Prozesse und wir möchten es nicht mehr missen. Klare Empfehlung! > > — Markus Wirtz, Geschäftsführer, chris and friends GmbH > Mein Highlight sind die automatischen Reports, durch die ich immer über KPIs und Änderungen informiert bin. Die Heatmaps sind für unseren Shop ebenfalls wertvoll: Wir sehen sofort, welche Elemente funktionieren und wo Nutzer*innen abspringen. Durch die Kommentarfunktion können Optimierungspotenziale direkt mit dem Team geteilt werden. > > — Tim Buschulte, CEO, vinodo > Das Monitoring mit sitebrunch hat uns vollkommen überzeugt: Wir können neue Barrieren direkt identifizieren und die Heatmap hilft uns, den User-Flow gezielt zu optimieren. Die erfassten Daten werden klar und übersichtlich aufbereitet – ganz ohne datenintensive Cookies. Wir sind Fans! > > — Claudia Hartmann, Leitung Kommunikation & Veranstaltung, Filmförderung Hamburg Schleswig-Holstein GmbH ### Du willst Barrierefreiheitsprobleme schnell finden und beheben? Klick auf den Button und starte kostenlos mit WCAG-Monitorings, ersten Schulungsinhalten und PDF-Prüfungen! [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility&utm_content=cta_box) --- source: https://www.sitebrunch.com/accessibility/gesetze/bafg # Das Barrierefreiheitsgesetz in Österreich: BaFG Das BaFG verpflichtet Unternehmen in Österreich, ihre digitalen Angebote barrierefrei zu gestalten. Was das konkret bedeutet, wer betroffen ist und was zu tun ist, erfährst du hier. > Das österreichische Barrierefreiheitsgesetz verpflichtet Unternehmen zu barrierefreien Produkten und Dienstleistungen. Hier findest du die wichtigsten Informationen. *Einfach erklärt* ### Was ist das BaFG konkret? Das Barrierefreiheitsgesetz (BaFG) ist die nationale Umsetzung Österreichs des European Accessibility Act (EAA). Ziel ist, dass digitale Produkte und Dienstleistungen für alle Menschen zugänglich sind. Der erste Schritt zur Konformität ist zu wissen, wo deine Website aktuell steht und welche Barrieren sie aufweist. [Kostenlos prüfen](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=gesetze_bafg&utm_content=cta_hero) ## Was Barrierefreiheit bringt *Rechtlich* #### Rechtssicher werden Mache deine Website barrierefrei und vermeide Strafen, denn das BaFG verpflichtet Unternehmen seit Juni 2025 dazu. *Reichweite* #### Mehr Menschen erreichen Ca. 15 % der Bevölkerung leben mit einer Behinderung, die den digitalen Zugang erschwert. Barrierefreie Websites erreichen mehr Menschen. *Inklusion* #### Für alle zugänglich Barrierefreiheit ist mehr als eine gesetzliche Pflicht. Sie zeigt, dass dein Unternehmen alle Kund*innen einschließt. ## Wen betrifft das BaFG? Das BaFG richtet sich an Unternehmen oder Organisationen, die Produkte oder Dienstleistungen auf dem österreichischen Markt für Endverbraucher*innen anbieten. Betroffen sind die gleichen Kategorien wie beim European Accessibility Act: - E-Commerce und Online-Shops - Bankdienstleistungen für Verbraucher*innen - Online-Messengerdienste sowie Sprach- und Videotelefonie - Streaming und audiovisuelle Mediendienste - Personenbeförderungsdienste - E-Books und E-Book-Reader - PCs, Notebooks, Smartphones, Tablets, Smart-TVs - Selbstbedienungsterminals **Ausnahme für Kleinstunternehmen:** Kleinstunternehmen sind Unternehmen mit weniger als 10 Mitarbeitern und einem Jahresumsatz oder einer Jahresbilanzsumme von höchstens 2 Millionen Euro. Für sie gilt: wenn sie ausschließlich Dienstleistungen erbringen, sind sie vollständig ausgenommen. Kleinstunternehmen, die Produkte herstellen, importieren oder handeln, sind nicht ausgenommen, profitieren aber von Erleichterungen. ## Welche Pflichten haben Unternehmen konkret? Betroffene Unternehmen und Organisationen in Österreich sind nach dem BaFG dazu verpflichtet, ihre Produkte und Dienstleistungen barrierefrei anzubieten. Die zentrale Pflicht ist die inhaltliche Umsetzung von Barrierefreiheit. Im digitalen Bereich orientiert sich das BaFG an den Web Content Accessibility Guidelines (WCAG), konkret an Level A und AA. Als praktischer Zielwert gilt WCAG 2.2 AA. Die 4 Prinzipien der WCAG lauten: #### Wahrnehmbarkeit Inhalte müssen so aufbereitet sein, dass sie von allen Nutzer*innen wahrgenommen werden können, unabhängig davon, ob sie sehen, hören oder lesen können. Zum Beispiel durch Alternativtexte für Bilder. #### Bedienbarkeit Funktionen und Navigation müssen auf verschiedene Arten bedienbar sein, etwa per Tastatur oder Sprachsteuerung, nicht nur per Maus oder Touch. #### Verständlichkeit Inhalte und Bedienung müssen klar und nachvollziehbar sein, sodass Nutzer*innen verstehen, was sie tun und was das System von ihnen erwartet. #### Robustheit Inhalte müssen technisch so umgesetzt sein, dass sie zuverlässig mit verschiedenen Browsern, Bildschirmgrößen und assistiven Technologien wie Screenreadern funktionieren. Die vier Prinzipien sind in konkrete, testbare Erfolgskriterien unterteilt, anhand derer sich die Barrierefreiheit eines digitalen Angebots überprüfen lässt. Jedes Kriterium beschreibt eine messbare Anforderung, zum Beispiel, dass Bilder einen Alternativtext haben müssen oder dass der Farbkontrast zwischen Text und Hintergrund einen bestimmten Mindestwert nicht unterschreiten darf. Die technische Grundlage für die Umsetzung bildet die europäische Norm EN 301 549. Sie definiert konkrete Barrierefreiheitsanforderungen für IKT-Produkte und -Dienstleistungen und referenziert dabei die WCAG-Kriterien. Wer die EN 301 549 einhält, gilt als konform mit dem BaFG. Sie ist damit der praktische Prüfmaßstab für digitale Barrierefreiheit in Österreich und der gesamten EU. ## Was passiert bei Nichteinhaltung? Die Einhaltung des BaFG wird in Österreich durch das Sozialministeriumservice aktiv überwacht. Sie prüft regelmäßig, ob Produkte und Dienstleistungen die gesetzlichen Barrierefreiheitsanforderungen erfüllen und kann bei Verstößen Verwaltungsstrafen verhängen. Auch Verbraucher*innen sowie Organisationen wie die Wirtschaftskammer oder der Österreichische Behindertenrat können Verstöße melden. ## Ab wann gilt das BaFG? Das Barrierefreiheitsgesetz gilt seit 28. Juni 2025 für alle Produkte und Dienstleistungen, die ab diesem Datum neu auf den Markt gebracht oder an Verbraucher:innen erbracht werden. Für bereits laufende Dienstleistungsverträge gibt es eine Übergangsfrist: Sie dürfen bis zu ihrem Ablauf, längstens jedoch bis 28. Juni 2030, unverändert fortbestehen. Produkte, die Dienstleister bereits vor dem 28. Juni 2025 eingesetzt haben, dürfen ebenfalls noch bis 2030 weiter verwendet werden. ## BaFG-konform werden mit sitebrunch *Erster schneller Check* ### WCAG Monitoring Analysiere deine Website automatisch und identifiziere Barrieren in Minutenschnelle. Du siehst auf einen Blick, wo du stehst und wo der erste Handlungsbedarf liegt. [Kostenlos testen](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=gesetze_bafg&utm_content=cta_wcag) *Vollständiges Audit* ### Auf die EN 301 549 prüfen Prüfe selbstständig alle Anforderungen des BaFG durch gezielte Audits. [Mehr zu Audits](/accessibility/audits) *Effizient umsetzen* ### Direkt im Code mit dem MCP Server beheben Der sitebrunch MCP Server lässt KI-Assistenten wie Claude Code und OpenAI Codex Barrierefreiheits­probleme aus deinen Audits direkt im Code beheben. [Mehr zum MCP Server](/accessibility/mcp-server) *Wissen* ### Barrieren durch Schulungen langfristig vermeiden Lerne, die Anforderungen digitaler Barrierefreiheit wirklich zu verstehen und für eine nachhaltige Entwicklung korrekt umzusetzen. [Mehr zu Schulungsinhalten](/accessibility/schulungsinhalte) *PDFs* ### PDF Check auf WCAG & PDF/UA Kontrolliere die Barrierefreiheit deiner PDFs automatisch. [Kostenlos testen](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=gesetze_bafg&utm_content=cta_pdf) ### Bereit BaFG-konform werden? Starte heute mit sitebrunch und sorge dafür, dass deine digitalen Inhalte barrierefrei sind. [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=gesetze_bafg&utm_content=cta_box) --- source: https://www.sitebrunch.com/collaboration # Für Teams gemacht Durch Kommentare, Aufgaben, der Integration zu awork und dem MCP Server können Teams effizient zusammenarbeiten. > Durch Kommentare, Aufgaben, der Integration zu awork und dem MCP Server können Teams effizient zusammenarbeiten. *Collaboration* ### Kommentiere direkt auf deiner Website Mit unserer Kommentarfunktion kannst du sofort Ideen austauschen, Verbesserungen vorschlagen und wichtige Punkte festhalten. Alles an einem zentralen Ort und für eine effiziente Kommunikation im Team. ## Alles für eine effiziente Zusammenarbeit *Feedback* #### Kommentare auf der Website Hinterlasse Feedback, Notizen und Verbesserungsvorschläge direkt auf der Website. *awork Integration* #### Aufgaben in awork erstellen Bei jedem Kommentar kannst du individuell festlegen, ob du aus diesem Kommentar eine Aufgabe in awork erstellen möchtest. *MCP* #### Effizient umsetzen mit KI Mit einem MCP-Server kannst du Kommentare aus sitebrunch direkt umsetzen. *Dokumentation* #### Autom. Screenshots Zu jedem Kommentar wird direkt automatisch zur Nachvollziehbarkeit ein Screenshot der Website erstellt. *Task Management* #### Aufgaben zuweisen Weise Aufgaben direkt der richtigen Person zu. Markierte Personen werden per E-Mail benachrichtigt. ## So funktioniert's ### Direkt auf deiner Website Mit unserer Browser Extension kannst du direkt an dem jeweiligen Element auf deiner Website kommentieren. Für optimale Nachvollziehbarkeit. ### Klarer Austausch durch Kommentare Egal ob direktes Feedback, wichtige Notizen oder Diskussionen mit mehreren Teilnehmenden - mit dieser Anwendung bleibt ihr organisiert. Die Kommentarfunktion bündelt alle Notizen und Fragen an einem Ort. So müsst ihr nicht über verschiedene Tools gehen, die einen gemeinsamen Überblick über die anstehenden Aufgaben und offenen Fragen unnötig erschweren. ### Automatische Screenshots Mit jedem Kommentar wird automatisch ein Screenshot mit Zeitstempel erstellt. ### Aufgaben klar zuweisen Und damit jeder weiß, was wer bis wann zu tun hat, weise alles, was du notierst, direkt der richtigen Person zu und behalte den Überblick. Wenn du andere Personen markierst, werden diese per E-Mail benachrichtigt. ### Kommentare umsetzen mit KI Die Kommentare kannst du direkt an KI-Coding-Assistenten wie Claude Code oder OpenAI Codex weitergeben. Da das Feedback direkt an dem jeweiligen Element auf der Website gegeben wird, kann der Assistent direkt den Code an der jeweiligen Stelle anpassen. *Collaboration* ### awork Integration Bei jedem Kommentar kannst du individuell festlegen, ob du aus diesem Kommentar eine Aufgabe in awork erstellen möchtest. Wenn du eine Aufgabe erstellst, kannst du diese mit einem Titel versehen, den Kommentar als Aufgabenbeschreibung übernehmen und bei Bedarf einen aktuellen Screenshot der Website hinzufügen. ## Branchen, die auf uns setzen > Neben einem schnellen Support ist uns eine benutzerfreundliche Lösung unglaublich wichtig. Die Kommentarfunktion von sitebrunch ist mittlerweile fester Bestandteil unserer Prozesse und wir möchten sie nicht mehr missen. Klare Empfehlung! > > — Markus Wirtz, Geschäftsführer, chris and friends GmbH > Mein Highlight sind die automatischen Reports, durch die ich immer über KPIs und Änderungen informiert bin. Die Heatmaps sind für unseren Shop ebenfalls wertvoll: Wir sehen sofort, welche Elemente funktionieren und wo Nutzer*innen abspringen. Durch die Kommentarfunktion können Optimierungspotenziale direkt mit dem Team geteilt werden. > > — Tim Buschulte, CEO, vinodo > Das Monitoring mit sitebrunch hat uns vollkommen überzeugt: Wir können neue Barrieren direkt identifizieren und die Heatmap hilft uns, den User-Flow gezielt zu optimieren. Die erfassten Daten werden klar und übersichtlich aufbereitet - ganz ohne datenintensive Cookies. Wir sind Fans! > > — Claudia Hartmann, Leitung Kommunikation & Veranstaltung, Filmförderung Hamburg Schleswig-Holstein GmbH ### Bereit für eine effiziente Zusammenarbeit? Dokumentiere Verbesserungsvorschläge direkt auf deiner Website und übertrage sie in dein Projektmanagement Tool oder direkt in den Code. [Kostenlos testen](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=collab&utm_content=cta_box) ## Fragen und Antworten ### Wie funktioniert die Kommentarfunktion? Aktiviere den Kommentarmodus über die sitebrunch Browser-Extension oder das Dashboard. Klicke auf eine beliebige Stelle deiner Website, um einen Kommentar zu hinterlassen. Der Kommentar wird automatisch mit einem Screenshot und einem Zeitstempel versehen, sodass immer klar ist, worauf sich das Feedback bezieht. ### Für welche Browser funktioniert die Extension? Die Browser-Extension steht für Google Chrome, Microsoft Edge, Brave, Opera, Vivaldi und weitere auf Chromium basierte Browser zur Verfügung. ### Werden Teammitglieder über neue Kommentare benachrichtigt? Ja. Wenn du eine Person in einem Kommentar markierst, wird sie per E-Mail benachrichtigt. ### Wie funktioniert die awork-Integration? Mit der awork-Integration können aus Kommentaren in sitebrunch ganz einfach Aufgaben in awork erstellt werden. Aktiviere dafür die awork Integration in den Projekteinstellungen von sitebrunch. Hier kannst du auch auswählen, in welchem Projekt die Tickets für die Kommentare erstellt werden sollen und in welchem Status die Aufgaben in awork angelegt werden sollen. In der Aufgabe wird zudem automatisch ein Screenshot der Website eingefügt für optimale Nachvollziehbarkeit. Kommentare und die Übertragung in awork sind kostenlos in sitebrunch verfügbar. ### Können mehrere Personen gleichzeitig kommentieren? Ja. Alle Teammitglieder können gleichzeitig Kommentare hinterlassen. Kommentare werden synchronisiert, sodass alle immer den aktuellen Stand sehen. ### Was ist die MCP-Anbindung? MCP (Model Context Protocol) ist ein offener Standard, über den KI-Assistenten wie Claude oder Cursor auf externe Datenquellen zugreifen. Die sitebrunch MCP-Anbindung stellt Kommentare als Tools bereit: KI-Assistenten können offene Kommentare auflisten, den vollständigen Thread lesen, das betroffene DOM-Element mit CSS-Selektoren abrufen und Kommentare als erledigt markieren oder wieder öffnen. ### Wie nutze ich die MCP-Integration in meinem Workflow? Verbinde den sitebrunch MCP-Server mit deinem KI-Assistenten. Danach kann die KI offene Kommentare zu deinem Projekt abrufen, das betroffene Element auf der Seite identifizieren, das Feedback direkt umsetzen und den Kommentar anschließend als erledigt markieren. Der gesamte Feedback-Zyklus läuft KI-gestützt ab, ohne dass du zwischen Tools wechseln musst. ### Wie richte ich den MCP Server in Claude Code ein? Führe in deinem Terminal den Befehl claude mcp add --transport http sitebrunch [https://mcp.sitebrunch.com/](https://mcp.sitebrunch.com/) aus. Alternativ kannst du die Konfiguration aus dem sitebrunch Dashboard kopieren und in deine Einstellungen einfügen (per /settings oder in die Datei ~/.claude.json). Beim ersten Aufruf eines sitebrunch-Tools öffnet sich automatisch dein Browser zur Anmeldung mit deinem sitebrunch Account. Nach der einmaligen Anmeldung bleibt die Verbindung bestehen. ### Wie richte ich den MCP Server in OpenAI Codex ein? Füge in deiner Konfigurationsdatei ~/.codex/config.toml folgenden Eintrag hinzu: [mcp_servers.sitebrunch] mit url = "[https://mcp.sitebrunch.com/](https://mcp.sitebrunch.com/)". Führe dann codex mcp login sitebrunch aus, um die Anmeldung mit deinem sitebrunch Account zu starten. Es öffnet sich dein Browser, in dem du den Zugriff bestätigst. Danach hat Codex dauerhaften Zugriff auf deine Kommentare. ### Wie richte ich den MCP Server in Cursor ein? Öffne in Cursor die Einstellungen unter Tools & MCP oder erstelle die Datei ~/.cursor/mcp.json. Füge dort den Server als Eintrag mit der URL [https://mcp.sitebrunch.com/](https://mcp.sitebrunch.com/) hinzu. Cursor erkennt den Server-Typ automatisch. Bei der ersten Nutzung öffnet sich dein Browser zur Anmeldung mit deinem sitebrunch Account. Cursor übernimmt den OAuth-Flow inklusive Token-Erneuerung automatisch. ### Wie richte ich den MCP Server in Windsurf ein? Klicke in Windsurf auf das MCP-Symbol oben rechts im Cascade-Panel oder öffne die Einstellungen unter Cascade > MCP Servers. Füge den Server mit der URL [https://mcp.sitebrunch.com/](https://mcp.sitebrunch.com/) in der Datei ~/.codeium/windsurf/mcp_config.json hinzu. Bei der ersten Verwendung wirst du zur Anmeldung mit deinem sitebrunch Account weitergeleitet. ### Wie richte ich den MCP Server in Claude Desktop ein? Öffne Claude Desktop und navigiere zu Customize > Connectors. Klicke auf "Add" und füge die URL [https://mcp.sitebrunch.com/](https://mcp.sitebrunch.com/) ein. Claude Desktop öffnet dann deinen Browser zur Anmeldung mit deinem sitebrunch Account. Hinweis: Remote MCP Server werden über Connectors eingerichtet, nicht über die Config-Datei. ### Wie richte ich den MCP Server in GitHub Copilot (VS Code) ein? Öffne die Command Palette (Cmd+Shift+P) und wähle "MCP: Open User Configuration" oder erstelle die Datei .vscode/mcp.json in deinem Projekt. Füge dort einen Server-Eintrag mit type "http" und url "[https://mcp.sitebrunch.com/](https://mcp.sitebrunch.com/)" hinzu. Wichtig: Die MCP-Tools funktionieren nur im Agent-Modus von Copilot, nicht im Chat-Modus. Erfordert VS Code 1.99 oder neuer. ### Welchen Vorteil hat der MCP Server gegenüber manuellem Beheben? Beim manuellen Beheben musst du jeden Kommentar einzeln lesen, die betroffene Stelle im Code finden und die Änderung selbst umsetzen. Mit dem MCP Server bekommt dein KI-Agent alle Informationen automatisch: Element-Selektoren und Kommentare. Er findet die richtige Stelle im Code, setzt den Fix um und dokumentiert alles zurück in sitebrunch. So musst du es nur einmal überprüfen und sparst pro Fund mehrere Minuten. --- source: https://www.sitebrunch.com/accessibility/monitoring # Alle Seiten deiner Website automatisch auf WCAG-Verstöße scannen Überwache die Barrierefreiheit deiner Website automatisch und lasse dich über WCAG-Verstöße benachrichtigen. > Scanne alle Seiten deiner Website fortlaufend automatisch auf WCAG-Verstöße. Mit Benachrichtigungen und wöchentlicher Trendanalyse behältst du die Barrierefreiheit dauerhaft im Blick. *WCAG-Monitoring* ### Prüfe kontinuierlich die Barrierefreiheit deiner Website Überwache alle Seiten deiner Website vollautomatisch und erkenne Barrieren, bevor deine Nutzer*innen es tun. - Barrierefreiheit umsetzen und Fortschritte sichtbar machen - Wöchentliche Trendanalyse - Klare Handlungsanweisungen für schnelle Behebung ## Alles, was du zum Überwachen brauchst *Automatisiert* #### Laufende WCAG-Checks Das Tool prüft deine Inhalte kontinuierlich und priorisiert die Funde automatisch nach Schweregrad. So siehst du sofort, wo du handeln musst. *Messbar* #### Bestimme den Grad der Barrierefreiheit Ermittle den Barrierefreiheitsgrad websiteweit und pro Unterseite. So siehst du deinen Fortschritt und kannst gezielt optimieren. *Schneller Fortschritt* #### Quick Wins erkennen Arbeite die automatisch erkannten Quick Wins mit Lösungsvorschlägen ab und beginne mit den häufigsten Problemen auf deinen Seiten. *Übersichtlich* #### Fehlerverwaltung Jeder Verstoß wird mit seinem Schweregrad, den betroffenen Elementen und der Seitenzahl erfasst. Handle die Verstöße Schritt für Schritt ab. *Teilbar* #### Öffentliche Reports Teile Monitoring-Ergebnisse via Link. Kund*innen und Stakeholder sehen neben dem Grad der Barrierefreiheit auch die häufigsten Verstöße. ## So funktioniert das Monitoring ### Einfaches & schnelles Setup Lege zu Projektbeginn die Hauptseiten fest, die du überwachen möchtest. sitebrunch Accessibility übernimmt dann das regelmäßige Prüfen deiner Seiten auf Verstöße. ### WCAG-Verstöße finden und priorisieren lassen Jede Seite wird gegen mehr als 80 WCAG-Prüfregeln getestet. Verstöße werden nach Schweregrad kategorisiert, von kritisch bis geringfügig, damit du sofort weißt, wo Handlungsbedarf besteht und wie du die Funde priorisierst. ### Neue Seiten erkennen und scannen lassen sitebrunch Accessibility entdeckt neue Seiten auf deiner Website und beginnt automatisch mit dem Monitoring. Du musst keine weiteren URLs manuell pflegen. ### Trends verfolgen & Quick Wins finden Verfolge Woche für Woche, wie sich die Barrierefreiheit auf deiner Webseite entwickelt. Die Quick-Win-Analyse verrät dir, welche Anpassungen den stärksten Einfluss auf dein Gesamtergebnis haben. ### Ergebnisse teilen & im Team arbeiten Erstelle öffentliche Reports mit einem Klick und teile sie mit Kund*innen, Stakeholdern oder deinem Entwicklungsteam. Der Report zeigt Gesamtscore, Seitenverteilung und die häufigsten Barrieren. ### Immer informiert mit E-Mail Reports Behalte die Barrierefreiheit deiner Website im Blick, ohne täglich ins Dashboard zu müssen. Der Report zeigt dir, was sich verändert hat und wo Handlungsbedarf besteht direkt per Mail. ## Monitoring vs. manuelle Prüfung Auch wenn Barrierefreiheit sich nicht vollständig automatisieren lässt, hilft dir WCAG Monitoring, Barrierefreiheit proaktiv und kontinuierlich anzugehen. #### Kontinuierlich statt einmalig Neue Inhalte, Deployments oder Plugin-Updates können jederzeit Barrieren einführen. Monitoring erkennt Regressionen automatisch und nicht erst beim nächsten Audit. #### Skalierbar für große Websites Manuell 500 Seiten prüfen? Sehr langwierig. sitebrunch Accessibility crawlt und überwacht automatisch alle Seiten deiner Website. #### Proaktiv statt reaktiv Warte nicht auf Beschwerden oder rechtliche Konsequenzen. Mit wöchentlichen Trend-Reports erkennst du Probleme früh und kannst gegensteuern, bevor es kritisch wird. ### Bereit für kontinuierliches Monitoring? Starte jetzt mit sitebrunch Monitoring und stelle sicher, dass deine Website dauerhaft barrierefrei bleibt. [Kostenlos testen](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility_monitoring&utm_content=cta_box) ## Fragen und Antworten ### Was ist das Accessibility Monitoring und warum brauche ich es? Das Accessibility Monitoring ist die kontinuierliche, automatisierte Überwachung deiner Website auf Barrierefreiheitsprobleme. Anders als ein einmaliger Audit prüft das Monitoring deine Seiten regelmäßig gegen WCAG-Regeln und erkennt neue Barrieren sofort, wenn sie entstehen. Das ist wichtig, weil sich Websites ständig verändern: Neue Inhalte, Updates oder Deployments können jederzeit Barrierefreiheitsprobleme einführen. Mit dem Monitoring stellst du sicher, dass deine Website dauerhaft barrierefrei bleibt. ### Welche WCAG-Kriterien werden beim automatisierten Monitoring geprüft? sitebrunch Monitoring prüft automatisch gegen über 80 WCAG-Regeln auf Basis von Axe-core, der weltweit verbreitetsten Accessibility-Testing-Engine. Dazu gehören unter anderem Kriterien wie fehlende Alt-Texte bei Bildern, unzureichende Farbkontraste, fehlende Formular-Labels, falsche ARIA-Attribute, fehlende Dokumentensprache und viele weitere häufige Barrierefreiheitsprobleme. Die Prüfung deckt die WCAG 2.2 Level A und AA Kriterien ab, soweit sie automatisiert testbar sind. ### Wie funktioniert die Bewertung der Barrierefreiheit? Jede geprüfte Seite erhält eine Bewertung von 0 bis 100 Prozent. Der Score berechnet sich aus dem Verhältnis von bestandenen zu nicht bestandenen WCAG-Prüfungen, gewichtet nach Schweregrad. Kritische Verstöße (z. B. fehlende Tastaturzugänglichkeit) wirken sich stärker auf die Bewertung aus als geringfügige Probleme (z. B. ein fehlender Landmark). Für die gesamte Website siehst du den Durchschnittsscore, den Median und die Verteilung der Seitenscores in Kategorien wie exzellent (90-100), gut (70-89), ausreichend (50-69) und kritisch (unter 50). ### Wie oft wird meine Website automatisch geprüft? sitebrunch Accessibility prüft jede gefundene Seite gegen alle konfigurierten WCAG-Regeln. Die Ergebnisse werden wöchentlich in der Trendanalyse aktualisiert, sodass du die Entwicklung deines Barrierefreiheitsscore über die Zeit verfolgen kannst. So erkennst du sofort, ob sich dein Index nach einem Deployment oder Content-Update verbessert oder verschlechtert hat. ### Was sind Quick Wins und wie helfen sie mir bei der Priorisierung? Quick Wins sind Barrierefreiheitsprobleme, die mit wenig Aufwand behoben werden können, aber eine große Auswirkung auf die Barrierefreiheit haben. sitebrunch analysiert automatisch alle gefundenen Verstöße und berechnet die geschätzte Verbesserung pro Fix. So weißt du genau, welche Maßnahmen den größten Effekt bringen, und kannst deine Ressourcen gezielt dort einsetzen, wo sie am meisten bewirken. Ein typischer Quick Win ist z. B. das Nachpflegen fehlender Alt-Texte, das auf vielen Seiten gleichzeitig die Bewertung verbessert. ### Kann ich die Monitoring Ergebnisse mit meinem Team oder Kund*innen teilen? Ja. Mit einem Klick erstellst du einen öffentlichen Report, der über einen einzigartigen Link zugänglich ist. Kund*innen, Stakeholder oder dein Entwicklungsteam sehen darin den Gesamtscore, die Seitenverteilung und die häufigsten Verstöße. Kein Login ist erforderlich. Das ist besonders hilfreich für Agenturen, die ihren Kund*innen den Fortschritt bei der Barrierefreiheit nachweisen wollen, oder für Unternehmen, die gegenüber Behörden oder Geschäftspartnern Compliance dokumentieren müssen. ### Wie unterscheidet sich das automatisierte Monitoring von einem manuellen Accessibility Audit? Ein manueller Accessibility Audit ist eine einmalige, tiefgehende Prüfung deiner Website, bei der auch Kriterien geprüft werden, die sich nicht automatisieren lassen, wie z. B. die Verständlichkeit von Texten oder die logische Reihenfolge von Inhalten für Screenreader. Das automatisierte Monitoring dagegen prüft kontinuierlich die automatisiert testbaren WCAG-Kriterien. Beide Ansätze ergänzen sich: Ein Audit deckt den vollständigen Ist-Zustand ab, das Monitoring sorgt dafür, dass das Niveau danach nicht wieder abfällt. sitebrunch Accessibility bietet beides: manuelle Audits und automatisiertes Monitoring. ### Hilft das Accessibility Monitoring bei der Einhaltung des BFSG? Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet Unternehmen, die digitale Produkte und Dienstleistungen für Verbraucher anbieten, zur Barrierefreiheit. Das automatisierte Monitoring ist ein wichtiger Baustein, um die Konformität nachzuweisen und aufrechtzuerhalten. Die öffentlichen Reports von sitebrunch dokumentieren kontinuierlich den Barrierefreiheitsstatus deiner Website und können als Nachweis gegenüber Behörden, Kund*innen und Stakeholdern dienen. Das Monitoring allein ersetzt zwar keinen vollständigen Audit, stellt aber sicher, dass automatisiert erkennbare Barrieren dauerhaft behoben bleiben. ### Funktioniert das Monitoring auch bei großen Websites mit vielen Seiten? Ja. sitebrunch erkennt automatisch alle Seiten deiner Website über die Sitemap und beginnt ohne manuelle Konfiguration mit dem Monitoring. Das funktioniert genauso zuverlässig bei kleinen Websites mit 10 Seiten wie bei Enterprise-Plattformen mit tausenden Unterseiten. Du musst keine URLs manuell pflegen. Neue Seiten werden beim nächsten Crawl automatisch erfasst und entfernte Seiten werden als solche markiert. ### Welche Daten werden beim Monitoring erfasst und ist der Dienst DSGVO-konform? Das sitebrunch Monitoring analysiert ausschließlich den HTML-Quellcode und die Struktur deiner öffentlich zugänglichen Seiten. Es werden keine personenbezogenen Daten deiner Websitebesucher erfasst, keine Cookies gesetzt und kein Tracking durchgeführt. Die Server stehen in der EU und der gesamte Dienst ist DSGVO-konform. Die Monitoring-Ergebnisse enthalten nur technische Informationen wie CSS-Selektoren, WCAG-Regelverstöße und Seitenscores. --- source: https://www.sitebrunch.com/preise # Deine Plattform für userzentrierte Websites Von Freelancer bis große Organisation. Unsere Pläne unterstützen dich beim Optimieren auf Barrierefreiheit und gute User Experience. > Finde den passenden Plan für deine Barrierefreiheits-Anforderungen und zur Verbesserung deiner User Experience. ## Branchen, die auf uns setzen > Neben einem schnellen Support ist uns eine benutzerfreundliche Lösung unglaublich wichtig. Das Accessibility Center von sitebrunch ist mittlerweile fester Bestandteil unserer Prozesse und wir möchten es nicht mehr missen. Klare Empfehlung! > > — Markus Wirtz, Geschäftsführer, chris and friends GmbH > Mein Highlight sind die automatischen Reports, durch die ich immer über KPIs und Änderungen informiert bin. Die Heatmaps sind für unseren Shop ebenfalls wertvoll: Wir sehen sofort, welche Elemente funktionieren und wo Nutzer*innen abspringen. Durch die Kommentarfunktion können Optimierungspotenziale direkt mit dem Team geteilt werden. > > — Tim Buschulte, CEO, vinodo > Das Monitoring mit sitebrunch hat uns vollkommen überzeugt: Wir können neue Barrieren direkt identifizieren und die Heatmap hilft uns, den User-Flow gezielt zu optimieren. Die erfassten Daten werden klar und übersichtlich aufbereitet – ganz ohne datenintensive Cookies. Wir sind Fans! > > — Claudia Hartmann, Leitung Kommunikation & Veranstaltung, Filmförderung Hamburg Schleswig-Holstein GmbH ## Fragen und Antworten ### Kann ich mein Abo monatlich kündigen? Klar! sitebrunch ist super flexibel. Du kannst monatlich kündigen. ### Was bedeutet unbegrenzte Domains? Du kannst in sitebrunch so viele Domains anlegen, analysieren und auf Barrierefreiheit prüfen wie du magst. Wichtig ist hier nur, dass jeweils der Plan nur eine bestimmte Anzahl von Audits (Barrierefreiheit) und Seitenaufrufe (User Experience) inklusive sind. ### Was bedeutet ein aktives Audit? Ein Audit ist aktiv, wenn du in einem Projekt ein Audit durchführst. Im Solo Plan kannst du dann kein weiteres Audit starten. Der Agency Plan ermöglicht schon zwei projektunabhängige aktive Audits. ### Warum sollte ich als Agentur sitebrunch nutzen? sitebrunch ist für viele Agenturen und Freelancer ein Upsell Instrument. Durch Barrierefreiheitsaudits oder eine UX Analyse per Heatmaps können Potenziale von Websites aufgezeigt werden. Diese führen dann oft zu einem neuen Entwicklungsprojekt bei den Kunden. ### Wirklich ein Preis für meine ganze Agentur? Ja, sitebrunch ist das Tool für Agenturen, um alle Kunden und Teammember an Board zu holen. Limits gibt es nur bei aktiven Audits und den Seitenaufrufen die z. B. Heatmaps verbraucht werden. ### Was ist ein Workspace? Ein Workspace ist eine Arbeitsumgebung innerhalb von sitebrunch. In einem Workspace können mehrere Projekte (Domains) liegen. ### Was ist ein Projekt? Bei einem Projekt handelt es sich um eine Domain, die innerhalb eines Workspaces angelegt wird. Projekte können zwischen Workspaces verschoben werden. ### Was ist ein Seitenaufruf? Jedes Mal, wenn ein Nutzer z. B. deine Homepage, einen Blogartikel oder eine Produktseite lädt, wird ein Seitenaufruf gezählt. Dabei ist es egal, ob der Nutzer neu ist oder die Seite aktualisiert - jeder einzelne Aufruf zählt. --- source: https://www.sitebrunch.com/accessibility/schulungsinhalte # Effektive Schulungsinhalte für digitale Barrierefreiheit Schließe Wissenslücken zu digitaler Barrierefreiheit und erhalte Wissen genau dann, wenn es gebraucht wird. > Lerne Barrierefreiheit mit praxisnahen Inhalten, Videos und interaktiven Tools von sitebrunch. *Gratis E-Learning* ### Barrierefreiheit strategisch umsetzen Damit Websites barrierefrei bleiben und sich nicht immer wieder dieselben Probleme einschleichen, solltest du Barrierefreiheit strategisch angehen. - Fehler, die du vermeiden solltest - Lerne wie Barrierefreiheit langfristig bleibt - Über 100 erfolgreich Teilnehmende [Kostenlos starten](https://dashboard.sitebrunch.com/register) ## Für Anfänger*innen und Fortgeschrittene Unsere E-Learnings vermitteln grundlegende Anforderungen an die Barrierefreiheit und praxisbezogene Tipps und Tricks, die sofort in euren Produkten angewendet werden können. #### Komplexes Thema einfach erklärt Unsere E-Learnings machen Spaß und sorgen für schnelle Erfolge; ganz ohne Vorwissen in digitaler Barrierefreiheit. #### Leicht auf die eigene Arbeit zu übertragen Durch viele Praxisbeispiele wird der Transfer leicht gemacht und die Inhalte so direkt greifbar. ## E-Learnings passgenau für jede Rolle Damit digitale Barrierefreiheit langfristig gelingt, braucht jede*r rollenspezifisches Wissen. Darum haben wir die Inhalte zielgruppengerecht aufbereitet. ### Barrierefreiheit im Design Lerne, wie man barrierefreie Design-Systeme für digitale Produkte und ganze Brands erstellt: - Die Prinzipien der Barrierefreiheit - Barrierefreiheit in Design-Systemen - UI-Design Deepdives - Designs dokumentieren & testen - WCAG im Design ### Barrierefreiheit in der Entwicklung Lerne, die Prinzipien hinter barrierefreier Entwicklung und die WCAG zu verstehen: - So verstehen assistive Technologien deine Website - HTML und ARIA - Eigenschaften barrierefreier Elemente - Eine verständliche Seite aufbauen - Dynamische Statusupdates ### Barrierefreiheit in der Redaktion Lerne, worauf es bei der Erstellung von Inhalten ankommt: - Barrierefreiheit von Texten - Barrierefreiheit bei Bildern - Barrierefreiheit bei Videos und Animationen ### Barrierefreie Dokumente erstellen Wie man barrierefreie Dokumente erstellt, exportiert und am Ende selbst auf Barrierefreiheit prüfen kann. - Grundwissen barrierefreier Dokumente - Barrierefreie Dokumente mit Word - Prüfen von barrierefreien Dokumenten ### Teilnahmezertifikat Die Teilnehmenden erhalten nach Abschluss ein Teilnahmezertifikat, das auf LinkedIn geteilt werden kann, um auf den eigenen Lernerfolg aufmerksam zu machen. - Expertise zeigen - Auf LinkedIn teilen - Vertrauen bei potenziellen Kund*innen schaffen [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility_schulungen&utm_content=zertifikat_box) ## Über die E-Learnings #### Lerndauer Die Lerndauer ist abhängig vom E-Learning und kann zwischen 4 und 12 Stunden liegen. #### Bedarfsgerechtes Lernen Die E-Learnings können von Anfang bis Ende durchgearbeitet oder als Nachschlagewerk genutzt werden. #### Mehr Ressourcen Die E-Learnings sind voll von Ressourcen und Hilfsmitteln, die du für die Umsetzung und Überprüfung von Barrierefreiheit nutzen kannst. #### Gruppenlizenz Im Agency-Plan sind alle E-Learnings enthalten und können über den Workspace mit beliebig vielen Kolleg*innen geteilt werden. #### Einzellizenz Die E-Learnings können separat erworben werden. Die Lizenz ist zeitlich unbegrenzt und an eine Person gebunden. ### Alle Schulungen im Agency-Plan Trainiere dein gesamtes Team im Umgang mit digitaler Barrierefreiheit ohne Fixpreis pro Person. [Zu den Plänen](/preise) ## Fragen und Antworten ### Warum sollte mein Team E-Learnings zum Thema digitale Barrierefreiheit machen? Digitale Barrierefreiheit wird nicht wieder verschwinden. Wir fangen ab heute an, unsere Inhalte digital barrierefrei zu erstellen, und werden für immer daran arbeiten müssen, dass sie barrierefrei bleiben. Darum sollte sich jeder Fachbereich, der digitale Inhalte erstellt (Design, Entwicklung und Redaktion), die Grundlagen der digitalen Barrierefreiheit aneignen. ### Sind die E-Learnings auch für Einsteiger*innen geeignet? Die E-Learnings eignen sich für Anfänger*innen und Fortgeschrittene. Es wird kein Wissen im Bereich Barrierefreiheit vorausgesetzt. Die Kurse decken alles ab, von den Grundlagen wie „Was ist digitale Barrierefreiheit?“, „Was sind assistive Technologien?“ bis hin in die Fachbereiche, in denen wir klären, wie Barrierefreiheit handwerklich korrekt umgesetzt wird. ### Für wen sind diese E-Learnings geeignet? Die E-Learnings eignen sich für Anfänger*innen und Fortgeschrittene. Es wird kein Wissen im Bereich Barrierefreiheit vorausgesetzt. Die Kurse decken alles ab, von den Grundlagen wie „Was ist digitale Barrierefreiheit?“, „Was sind assistive Technologien?“ bis hin in die Fachbereiche, in denen wir klären, wie man Barrierefreiheit handwerklich korrekt umsetzt. ### Was lerne ich konkret in diesen E-Learnings? Du lernst in den E-Learnings alles was du brauchst, um mit der EN 301 549-konforme Websites und Dokumente zu erstellen. ### Gibt es Zertifikate oder Nachweise, die ich erhalte? Ja, es gibt für jedes abgeschlossene E-Learning ein Teilnahmezertifikat. Das Zertifikat kann direkt mit deinem LinkedIn-Account verknüpft werden. ### Gibt es eine kostenlose Testversion oder ein Schnuppermodul? Um dir einen Eindruck zu verschaffen, schau dir unser gratis E-Learning „Barrierefreiheit strategisch umsetzen“ an. Dort lernst du, wie du dich und dein Team für die digitale Barrierefreiheit fit machen kannst. --- source: https://www.sitebrunch.com/ueber-uns # Wir sind sitebrunch. Wir machen sichtbar, was andere übersehen: echtes Nutzungsverhalten und digitale Hürden auf Web Experiences. > Wir sind sitebrunch. Wir machen sichtbar, was andere übersehen: echtes Nutzungsverhalten und digitale Hürden auf Web Experiences. *Gründung & Team* Gegründet im Februar 2024 in Hamburg. Wir sind ein kompaktes Team aus UX-Expert:innen, Entwickler:innen und Produktverantwortlichen mit langjähriger Erfahrung in Digitalagenturen. - Andreas Siegel, Co-Founder & CEO Finance - Lukas Schardt, Co-Founder & CTO - Johannes Zimmer, Co-Founder & CEO *Partnerschaft* ### Für ein Web ohne Barrieren Zusammen mit Gehirngerecht Digital entwickeln wir alle Accessibility-Features von sitebrunch. Wir liefern die Technik, Gehirngerecht bringt Fachwissen, Erfahrung, ein starkes Netzwerk und praxisnahen Content. Für echte digitale Barrierefreiheit. - Nina Jameson, Accessibility Expert - Tobias Roppelt, Accessibility Expert ### Du hast Skills, Visionen oder Mittel? Dann wird es Zeit, dass wir sprechen. Ob du bei uns arbeiten, gemeinsam etwas aufbauen oder sitebrunch auf dem nächsten Level sehen willst. Melde dich bei uns, wir freuen uns. [Kontakt](/kontakt) --- source: https://www.sitebrunch.com/user-experience # User Experience Verstehe das Nutzungsverhalten auf deiner Website in Echtzeit: Klick-Heatmaps, User Journeys & Metriken zeigen sofort Optimierungspotenzial. > Verstehe das Nutzungsverhalten auf deiner Website in Echtzeit: Klick-Heatmaps, User Journeys & Metriken zeigen sofort Optimierungspotenzial. ### Nutzerverhalten verstehen & optimieren Analysiere das Verhalten deiner Besucher:innen mit leistungsstarken, datenschutzkonformen Tools. #### Live Heatmaps Die Heatmaps zeigen dir, welche Bereiche deiner Website die meiste Aufmerksamkeit bekommen – für datenbasierte Optimierungen ohne Rätselraten. [Mehr zu Heatmaps](/user-experience/heatmaps) #### User Flows Beobachte wie Besucher durch deine Seite navigieren und analysiere gleichzeitig die Performance deiner Kampagnen – für eine optimale Nutzererfahrung und gezielte Marketingstrategien. [Mehr zu User Flows](/user-experience/user-flows) #### Metriken Vergleiche Performance-Daten, erkenne Trends und verstehe, welche Maßnahmen wirklich Wirkung zeigen – datenbasiert und präzise. [Mehr zu Metriken](/user-experience/metriken) ## Warum sitebrunch UX? Weil sich die Plattform nahtlos in deine Prozesse einfügt. *Onsite View* ### Für jede*n verständlich & direkt auf deiner Website Sieh direkt auf deiner Website, wo deine Besucher*innen klicken und scrollen. Ganz ohne Tab-Wechsel und Einarbeitung. *DSGVO* ### Made & hosted in EU Datenschutz ist bei uns kein Add-on, sondern Standard. Wir setzen auf europäische Server. *Workspace* ### Nutzer*innen und Projekte sind unbegrenzt Verknüpfe alle Kundendomains zu einem festen Preis und hole alle Mitarbeitenden mit in den sitebrunch Workspace. ## Branchen, die auf uns setzen > Neben einem schnellen Support ist uns eine benutzerfreundliche Lösung unglaublich wichtig. Das Accessibility Center von sitebrunch ist mittlerweile fester Bestandteil unserer Prozesse und wir möchten es nicht mehr missen. Klare Empfehlung! > > — Markus Wirtz, Geschäftsführer, chris and friends GmbH > Mein Highlight sind die automatischen Reports, durch die ich immer über KPIs und Änderungen informiert bin. Die Heatmaps sind für unseren Shop ebenfalls wertvoll: Wir sehen sofort, welche Elemente funktionieren und wo Nutzer*innen abspringen. Durch die Kommentarfunktion können Optimierungspotenziale direkt mit dem Team geteilt werden. > > — Tim Buschulte, CEO, vinodo > Das Monitoring mit sitebrunch hat uns vollkommen überzeugt: Wir können neue Barrieren direkt identifizieren und die Heatmap hilft uns, den User-Flow gezielt zu optimieren. Die erfassten Daten werden klar und übersichtlich aufbereitet – ganz ohne datenintensive Cookies. Wir sind Fans! > > — Claudia Hartmann, Leitung Kommunikation & Veranstaltung, Filmförderung Hamburg Schleswig-Holstein GmbH ### Bereit, deine UX zu verbessern? Verstehe das Verhalten deiner User und optimiere deine Website gezielt. Ab 49€ monatlich. [Jetzt starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=ux&utm_content=cta_box) ## Fragen und Antworten ### Was ist sitebrunch User Experience? sitebrunch User Experience ist eine Plattform zur Analyse und Optimierung der User Experience deiner Website. Es kombiniert Heatmaps, Scrollverhalten, User Flows und Metriken in einer Lösung. So verstehst du, wie deine Nutzer*innen deine Website erleben, und kannst gezielt Verbesserungen umsetzen. ### Was sind Live Klick-Heatmaps und wie helfen sie mir? Live Klick-Heatmaps zeigen dir visuell, welche Bereiche deiner Website die meiste Aufmerksamkeit und die meisten Klicks erhalten. Die Daten werden in Echtzeit angezeigt, während du auf der Seite navigierst. So erkennst du sofort, wo Optimierungspotenzial steckt, ohne raten zu müssen. ### Kann ich auch das Scrollverhalten meiner Besucher*innen analysieren? Ja. Die Heatmaps zeigen dir nicht nur Klicks, sondern auch, wie weit User auf einer Seite nach unten scrollen und wie viele den Seitenverlauf tatsächlich verfolgen. ### Kann ich meine UTM-Kampagnen auswerten? Ja. Der integrierte UTM-Kampagnen-Überblick erlaubt dir, den Erfolg deiner Marketingkampagnen direkt visualisiert einzusehen und miteinander zu vergleichen. ### Welche Metriken stehen mir in sitebrunch User Experience zur Verfügung? Dir stehen die folgenden Metriken im Dashboard zur Verfügung: - Seitenaufrufe - Anzahl der Nutzer*innen - Aktuell aktive Nutzer*innen - Sitzungen - Sitzungsdauer - Absprungrate - Nutzungsrate je Device (Mobil, Desktop, Tablet) - Hauptbesuchszeiten - Herkünfte Du kannst dir die Daten in der On Site View direkt auf deiner Website anschauen. ### Funktioniert sitebrunch User Experience mit jeder Website? Ja. sitebrunch User Experience funktioniert mit jeder Website, unabhängig vom CMS oder Framework. Du bindest ein leichtgewichtiges Script ein und die Datenerfassung beginnt sofort. Es gibt keine Abhängigkeiten von bestimmten Technologien oder Plattformen. Falls doch etwas einmal nicht funktionieren sollte, unterstützen wir dich gerne dabei. ### Kann ich sitebrunch UX im Team nutzen? Ja. Mit der Kommentarfunktion kannst du Feedback direkt auf der Website hinterlassen, Personen taggen und daraus Aufgaben erstellen. Dank der Integration mit awork lassen sich Aufgaben nahtlos in bestehende Workflows übernehmen. Alle Teammitglieder können im sitebrunch Workspace zusammenarbeiten. ### Wie viele Seitenaufrufe kann sitebrunch UX analysieren? Das hängt von deinem Plan ab. Im Solo Plan werden monatlich bis zu 100.000 Seitenaufrufe über alle Domains analysiert. Im Agency Plan sind es bis zu 500.000. Für Enterprise Kund*innen gibt es keine Begrenzung. --- source: https://www.sitebrunch.com/fakten/bitv # BITV 2.0 *Auch bekannt als: Barrierefreie-Informationstechnik-Verordnung, Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz* Die BITV 2.0 ist eine Rechtsverordnung des Bundesministeriums für Arbeit und Soziales. Sie konkretisiert, wie öffentliche Stellen des Bundes ihre Websites, mobilen Anwendungen, elektronisch unterstützten Verwaltungsabläufe und grafischen Programmoberflächen barrierefrei zu gestalten haben. Sie gilt nicht für die Privatwirtschaft und nicht für öffentliche Stellen der Länder. Sie enthält keine Bußgeldvorschrift. ## Fakten im Überblick - **Vollzitat:** Barrierefreie-Informationstechnik-Verordnung vom 12. September 2011 (BGBl. I S. 1843), die zuletzt durch Artikel 1 der Verordnung vom 24. Oktober 2023 (BGBl. 2023 I Nr. 286) geändert worden ist ([Quelle](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html)) - **Rechtsform:** Rechtsverordnung des Bundesministeriums für Arbeit und Soziales ([Quelle](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html)) - **Ausfertigungsdatum:** 12. September 2011 ([Quelle](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html)) - **Rechtsgrundlage im BGG:** § 12d BGG (Verordnungsermächtigung); die Eingangsformel von 2011 nennt noch § 11 Absatz 1 Satz 2 BGG ([Quelle](https://www.gesetze-im-internet.de/bgg/__12d.html)) - **Verpflichtet werden:** öffentliche Stellen des Bundes im Sinne des § 12 BGG ([Quelle](https://www.gesetze-im-internet.de/bgg/__12.html)) - **Anwendungsbereich:** Websites, mobile Anwendungen, elektronisch unterstützte Verwaltungsabläufe und grafische Programmoberflächen (§ 2 Absatz 1 BITV 2.0) ([Quelle](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html)) - **Technischer Maßstab:** harmonisierte Normen, die im Amtsblatt der Europäischen Union genannt sind (§ 3 Absatz 2 BITV 2.0); die WCAG werden im Verordnungstext nicht genannt ([Quelle](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html)) - **Erklärung zur Barrierefreiheit:** verpflichtend nach § 12b BGG, ausgestaltet in § 7 BITV 2.0, jährlich zu aktualisieren ([Quelle](https://www.gesetze-im-internet.de/bgg/__12b.html)) - **Überwachungsstelle:** Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik bei der Bundesfachstelle für Barrierefreiheit (§ 13 Absatz 3 BGG) ([Quelle](https://www.gesetze-im-internet.de/bgg/__13.html)) - **Schlichtungsstelle:** Schlichtungsstelle bei der oder dem Beauftragten der Bundesregierung für die Belange von Menschen mit Behinderungen (§ 16 BGG) ([Quelle](https://www.gesetze-im-internet.de/bgg/__16.html)) - **Bußgeld:** nicht vorgesehen; weder die BITV 2.0 noch das BGG enthalten eine Bußgeldvorschrift ([Quelle](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html)) ## Wen die BITV 2.0 verpflichtet Adressaten sind die öffentlichen Stellen des Bundes. Wer dazu zählt, steht in § 12 des Behindertengleichstellungsgesetzes: die Träger öffentlicher Gewalt, sonstige Einrichtungen des öffentlichen Rechts, die überwiegend vom Bund finanziert werden oder unter seiner Aufsicht stehen, und bestimmte Vereinigungen mit Bundesbeteiligung. Eine überwiegende Finanzierung durch den Bund wird angenommen, wenn er mehr als 50 Prozent der Gesamtheit der Mittel aufbringt. Die Pflicht selbst steht in § 12a BGG. Öffentliche Stellen des Bundes gestalten danach ihre Websites und mobilen Anwendungen barrierefrei, ausdrücklich einschließlich der für die Beschäftigten bestimmten Angebote im Intranet. Ihre elektronisch unterstützten Verwaltungsabläufe waren schrittweise, spätestens bis zum 23. Juni 2021, barrierefrei zu gestalten. § 12a Absatz 6 BGG lässt eine Ausnahme zu: Von der barrierefreien Gestaltung kann abgesehen werden, soweit die öffentliche Stelle dadurch unverhältnismäßig belastet würde. § 12a Absatz 5 BGG nimmt außerdem Websites und mobile Anwendungen bestimmter öffentlicher Stellen aus, die keine für die Öffentlichkeit wesentlichen Dienstleistungen anbieten. ## Welche Anforderungen die Verordnung stellt § 3 Absatz 1 BITV 2.0 verlangt, dass die erfassten Angebote wahrnehmbar, bedienbar, verständlich und robust sind. Die Erfüllung dieser Anforderung wird nach § 3 Absatz 2 vermutet, wenn die Angebote harmonisierten Normen entsprechen und diese Normen im Amtsblatt der Europäischen Union genannt worden sind. Soweit etwas nicht von harmonisierten Normen abgedeckt ist, gilt nach § 3 Absatz 3 der Stand der Technik. Für zentrale Navigations- und Einstiegsangebote sowie für Angebote mit Nutzerinteraktion, etwa Formulare und Authentifizierungs-, Identifizierungs- und Zahlungsprozesse, soll nach § 3 Absatz 4 ein höchstmögliches Maß an Barrierefreiheit angestrebt werden. § 4 verlangt zusätzlich etwas, das im europäischen Recht keine Entsprechung hat: Auf der Startseite einer Website einer öffentlichen Stelle sind Erläuterungen in Deutscher Gebärdensprache und in Leichter Sprache bereitzustellen, und zwar zu den wesentlichen Inhalten, zur Navigation, zu den wesentlichen Inhalten der Erklärung zur Barrierefreiheit und zu weiteren vorhandenen Angeboten in Gebärdensprache und Leichter Sprache. Die gestalterischen Vorgaben dafür stehen in Anlage 2 der Verordnung. Nach § 2a Absatz 1 sind auch solche Websites erfasst, die sich ausschließlich an einen abgegrenzten Personenkreis richten, also Intranets und Extranets. Ausgenommen sind nach § 2 Absatz 2 unter anderem bestimmte Reproduktionen aus Kulturerbesammlungen sowie Archive, die weder für aktive Verwaltungsverfahren benötigt werden noch nach dem 23. September 2019 aktualisiert oder überarbeitet wurden. ## Erklärung zur Barrierefreiheit und die Fristen dafür Jede öffentliche Stelle des Bundes veröffentlicht nach § 12b BGG eine Erklärung zur Barrierefreiheit. Sie benennt die nicht barrierefreien Teile und die Gründe dafür, enthält eine unmittelbar zugängliche Möglichkeit zur elektronischen Kontaktaufnahme und einen Hinweis auf das Schlichtungsverfahren nach § 16 BGG samt Link zur Schlichtungsstelle. Auf Mitteilungen und Anfragen ist spätestens innerhalb eines Monats zu antworten. Die Fristen stehen in § 12b Absatz 3 BGG. Für Websites, die nicht vor dem 23. September 2018 veröffentlicht wurden, gilt die Pflicht ab dem 23. September 2019. Für alle übrigen Websites gilt sie ab dem 23. September 2020. Für mobile Anwendungen gilt sie ab dem 23. Juni 2021. § 7 BITV 2.0 ergänzt die Formvorgaben: Die Erklärung ist in einem barrierefreien und maschinenlesbaren Format zu veröffentlichen und muss von der Startseite und von jeder Seite einer Website erreichbar sein. Ihre Pflichtinhalte richten sich nach Abschnitt 1 des Anhangs zum Durchführungsbeschluss (EU) 2018/1523. Grundlage ist eine tatsächliche Bewertung, und in der Erklärung ist anzugeben, ob diese durch Dritte oder durch die Stelle selbst vorgenommen wurde. Zu aktualisieren ist sie jährlich und bei jeder wesentlichen Änderung. ## Überwachung und Durchsetzung Bei der Bundesfachstelle für Barrierefreiheit ist nach § 13 Absatz 3 BGG die Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik eingerichtet. Sie überwacht periodisch, ob Websites und mobile Anwendungen öffentlicher Stellen des Bundes den Anforderungen genügen, berät die Stellen anlässlich der Prüfergebnisse, wertet die Berichte aus und bereitet den Bericht Deutschlands an die Europäische Kommission vor. Die Bundesfachstelle selbst ist nach § 13 Absatz 1 BGG bei der Deutschen Rentenversicherung Knappschaft-Bahn-See errichtet. Das Überwachungsverfahren richtet sich nach § 8 BITV 2.0 und folgt der Methodik des Durchführungsbeschlusses (EU) 2018/1524. Anlassbezogene Prüfungen und Wiederholungsprüfungen sind möglich. Wer sich in einem Recht nach dem BGG verletzt sieht, kann nach § 16 BGG bei der Schlichtungsstelle einen Antrag auf Einleitung eines Schlichtungsverfahrens stellen. Sie ist bei der oder dem Beauftragten der Bundesregierung für die Belange von Menschen mit Behinderungen eingerichtet. Daneben können nach § 14 BGG anerkannte Verbände an Stelle betroffener Personen Rechtsschutz beantragen. Ein Bußgeld sieht dieses System nicht vor. Weder die BITV 2.0 noch das BGG enthalten eine Bußgeldvorschrift. ## Verwandte Seiten Wie sich die Anforderungen der BITV 2.0 in der Praxis umsetzen lassen, beschreibt die [Themenseite zur BITV 2.0](/accessibility/gesetze/bitv). Verwandte Faktenseiten: die [Faktenseite zum BFSG](/fakten/bfsg), die [Faktenseite zu den WCAG](/fakten/wcag) und die [Faktenseite zu Bußgeldern und Sanktionen](/fakten/bussgelder). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung Die BITV 2.0 ist nicht das BFSG. Die BITV 2.0 verpflichtet öffentliche Stellen des Bundes, das Barrierefreiheitsstärkungsgesetz verpflichtet Wirtschaftsakteure der Privatwirtschaft. Die beiden Regelungen gehen auf unterschiedliche europäische Rechtsakte zurück: die BITV 2.0 auf die Richtlinie (EU) 2016/2102, das BFSG auf die Richtlinie (EU) 2019/882. Die BITV 2.0 gilt nicht für öffentliche Stellen der Länder und Kommunen. Für sie gelten die Landesgleichstellungsgesetze und die Landesverordnungen zur barrierefreien Informationstechnik. Die BITV 2.0 nennt die WCAG nicht. Ihr technischer Maßstab sind harmonisierte Normen, die im Amtsblatt der Europäischen Union genannt sind. Die WCAG wirken nur mittelbar, weil die harmonisierte Norm EN 301 549 auf ihnen aufbaut. Die BITV 2.0 kennt kein Bußgeld. Wer eine Verletzung geltend machen will, geht den Weg über Feedback-Mechanismus, Schlichtungsstelle und gegebenenfalls verwaltungsgerichtlichen Rechtsschutz. ## Häufige Fragen ### Gilt die BITV 2.0 auch für Unternehmen? Nein. Die BITV 2.0 verpflichtet öffentliche Stellen des Bundes im Sinne des § 12 BGG. Für Unternehmen der Privatwirtschaft gilt seit dem 28. Juni 2025 das Barrierefreiheitsstärkungsgesetz, allerdings nur für die dort abschließend aufgezählten Produkte und Dienstleistungen. ### Gilt die BITV 2.0 für Städte, Landkreise und Landesbehörden? Nein. Ihr Adressatenkreis sind die öffentlichen Stellen des Bundes. Öffentliche Stellen der Länder und Kommunen unterliegen dem jeweiligen Landesrecht. Die Länder berichten nach § 12c Absatz 2 BGG jedoch alle drei Jahre an die Überwachungsstelle des Bundes über den Stand der Barrierefreiheit ihrer Websites und mobilen Anwendungen. ### Verlangt die BITV 2.0 die Einhaltung der WCAG? Nicht ausdrücklich. § 3 Absatz 1 verlangt, dass Angebote wahrnehmbar, bedienbar, verständlich und robust sind. Die Erfüllung wird nach § 3 Absatz 2 vermutet, wenn sie harmonisierten Normen entsprechen, die im Amtsblatt der Europäischen Union genannt sind. Die dort genannte Norm EN 301 549 übernimmt in ihrer harmonisierten Fassung V3.2.1 die Erfolgskriterien der WCAG 2.1 auf den Stufen A und AA. ### Welche Strafe droht bei einem Verstoß gegen die BITV 2.0? Keine Geldbuße. Die BITV 2.0 und das BGG enthalten keine Bußgeldvorschrift. Vorgesehen sind stattdessen die periodische Überwachung durch die Überwachungsstelle des Bundes, der Feedback-Mechanismus nach § 12b Absatz 2 Nummer 2 BGG, das Schlichtungsverfahren nach § 16 BGG und verwaltungsgerichtlicher Rechtsschutz, den nach § 14 BGG auch anerkannte Verbände beantragen können. ## Referenzen - [Offizielle Website](https://www.gesetze-im-internet.de/bitv_2_0/) - [https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html) - [https://www.gesetze-im-internet.de/bgg/](https://www.gesetze-im-internet.de/bgg/) ## Quellen - [Barrierefreie-Informationstechnik-Verordnung (BITV 2.0), Volltext](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html), Bundesministerium der Justiz, gesetze-im-internet.de, 2023-10-24T00:00:00.000000Z - [Behindertengleichstellungsgesetz (BGG), Volltext](https://www.gesetze-im-internet.de/bgg/BJNR146800002.html), Bundesministerium der Justiz, gesetze-im-internet.de - [Richtlinie (EU) 2016/2102 über den barrierefreien Zugang zu den Websites und mobilen Anwendungen öffentlicher Stellen](https://eur-lex.europa.eu/eli/dir/2016/2102/oj), Amt für Veröffentlichungen der Europäischen Union - [Durchführungsbeschluss (EU) 2018/1523 der Kommission zur Festlegung einer Mustererklärung zur Barrierefreiheit](https://eur-lex.europa.eu/eli/dec_impl/2018/1523/oj), Amt für Veröffentlichungen der Europäischen Union - [Durchführungsbeschluss (EU) 2018/1524 der Kommission zur Festlegung einer Überwachungsmethodik](https://eur-lex.europa.eu/eli/dec_impl/2018/1524/oj), Amt für Veröffentlichungen der Europäischen Union - [Web accessibility directive: standards and harmonisation](https://digital-strategy.ec.europa.eu/en/policies/web-accessibility-directive-standards-and-harmonisation), Europäische Kommission, 2025-05-05T00:00:00.000000Z *Zuletzt geprüft am 28. August 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/fakten/bussgelder # Bußgelder nach dem BFSG *Auch bekannt als: Sanktionen bei fehlender digitaler Barrierefreiheit, Bußgeldvorschriften des Barrierefreiheitsstärkungsgesetzes, § 37 BFSG* Bußgelder wegen fehlender digitaler Barrierefreiheit richten sich in Deutschland nach § 37 des Barrierefreiheitsstärkungsgesetzes. Der Gesetzestext nennt zwei Höchstbeträge: zehntausend Euro im Regelfall und hunderttausend Euro für fünf besonders benannte Verstöße. Für öffentliche Stellen des Bundes gilt kein Bußgeld, weil BITV 2.0 und BGG keine Bußgeldvorschrift enthalten. Die praktisch schwerere Folge ist nicht die Geldbuße, sondern die Untersagung der Dienstleistung. ## Fakten im Überblick - **Rechtsgrundlage:** § 37 BFSG (Bußgeldvorschriften) ([Quelle](https://www.gesetze-im-internet.de/bfsg/__37.html)) - **Höchstbetrag im Regelfall:** zehntausend Euro (§ 37 Absatz 2 BFSG) ([Quelle](https://www.gesetze-im-internet.de/bfsg/__37.html)) - **Höchstbetrag für schwere Verstöße:** hunderttausend Euro in den Fällen des § 37 Absatz 1 Nummer 1, 7, 8, 9 und 10 ([Quelle](https://www.gesetze-im-internet.de/bfsg/__37.html)) - **Einschlägiger Tatbestand für Online-Angebote:** § 37 Absatz 1 Nummer 8: eine Dienstleistung entgegen § 14 Absatz 1 nicht barrierefrei anbieten oder erbringen; Höchstbetrag hunderttausend Euro ([Quelle](https://www.gesetze-im-internet.de/bfsg/__37.html)) - **Verschulden:** Vorsatz oder Fahrlässigkeit; bei Fahrlässigkeit höchstens die Hälfte des angedrohten Höchstbetrags (§ 17 Absatz 2 OWiG) ([Quelle](https://www.gesetze-im-internet.de/owig_1968/__17.html)) - **Mindestbetrag:** fünf Euro (§ 17 Absatz 1 OWiG) ([Quelle](https://www.gesetze-im-internet.de/owig_1968/__17.html)) - **Vorteilsabschöpfung:** die Geldbuße soll den wirtschaftlichen Vorteil übersteigen; reicht das gesetzliche Höchstmaß dafür nicht aus, darf es überschritten werden (§ 17 Absatz 4 OWiG) ([Quelle](https://www.gesetze-im-internet.de/owig_1968/__17.html)) - **Geldbuße gegen Unternehmen:** möglich nach § 30 OWiG; bei einer Ordnungswidrigkeit bleibt es beim angedrohten Höchstmaß ([Quelle](https://www.gesetze-im-internet.de/owig_1968/__30.html)) - **Weitergehende Maßnahme:** Untersagung des Angebots oder der Erbringung der Dienstleistung durch die Marktüberwachungsbehörde (§ 29 BFSG) ([Quelle](https://www.gesetze-im-internet.de/bfsg/__29.html)) - **Öffentlicher Sektor des Bundes:** kein Bußgeld; weder die BITV 2.0 noch das BGG enthalten eine Bußgeldvorschrift ([Quelle](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html)) ## Was § 37 BFSG androht § 37 Absatz 1 BFSG zählt zehn Tatbestände auf. Ordnungswidrig handelt, wer sie vorsätzlich oder fahrlässig verwirklicht. Sie betreffen überwiegend Produkte: das Inverkehrbringen nicht barrierefreier Produkte, fehlende oder falsche Kennzeichnungen, fehlende Gebrauchsanleitungen und Sicherheitsinformationen, nicht erteilte Auskünfte gegenüber der Behörde und Verstöße rund um die CE-Kennzeichnung. Für Online-Angebote ist vor allem Nummer 8 einschlägig: wer entgegen § 14 Absatz 1 in Verbindung mit der Verordnung nach § 3 Absatz 2 eine Dienstleistung anbietet oder erbringt, die die Barrierefreiheitsanforderungen nicht erfüllt. Die Beträge stehen in § 37 Absatz 2. Die Ordnungswidrigkeit kann in den Fällen des Absatzes 1 Nummer 1, 7, 8, 9 und 10 mit einer Geldbuße bis zu hunderttausend Euro geahndet werden, in den übrigen Fällen mit einer Geldbuße bis zu zehntausend Euro. Weil das Anbieten einer nicht barrierefreien Dienstleistung unter Nummer 8 fällt, gilt dafür der höhere Rahmen. Andere Beträge nennt das Gesetz nicht. Der im Netz häufig zitierte Betrag von fünfhunderttausend Euro steht weder im BFSG noch in der BFSGV. ## Wie sich die Höhe im Einzelfall bestimmt Die genannten Beträge sind Höchstbeträge, keine Regelbeträge. Wie hoch eine Geldbuße tatsächlich ausfällt, richtet sich nach dem Gesetz über Ordnungswidrigkeiten. Nach § 17 Absatz 1 OWiG beträgt eine Geldbuße mindestens fünf Euro. Nach § 17 Absatz 2 OWiG kann fahrlässiges Handeln im Höchstmaß nur mit der Hälfte des angedrohten Höchstbetrags geahndet werden, wenn das Gesetz für Vorsatz und Fahrlässigkeit dieselbe Geldbuße androht und im Höchstmaß nicht unterscheidet. Das trifft auf § 37 BFSG zu. Für fahrlässige Verstöße nach Nummer 8 liegt die Obergrenze damit bei fünfzigtausend Euro. Grundlage der Zumessung sind nach § 17 Absatz 3 OWiG die Bedeutung der Ordnungswidrigkeit und der Vorwurf, der die handelnde Person trifft; auch ihre wirtschaftlichen Verhältnisse kommen in Betracht. § 17 Absatz 4 OWiG enthält eine Regel, die den nominellen Höchstbetrag relativiert: Die Geldbuße soll den wirtschaftlichen Vorteil übersteigen, den die handelnde Person aus der Ordnungswidrigkeit gezogen hat. Reicht das gesetzliche Höchstmaß dafür nicht aus, so kann es überschritten werden. Gegen ein Unternehmen selbst kann nach § 30 OWiG eine Geldbuße festgesetzt werden, wenn eine Leitungsperson die Ordnungswidrigkeit begangen und dabei Pflichten des Unternehmens verletzt hat oder das Unternehmen bereichert wurde. Für Ordnungswidrigkeiten bestimmt sich das Höchstmaß nach § 30 Absatz 2 Satz 2 OWiG nach dem für die Ordnungswidrigkeit angedrohten Höchstmaß, hier also nach den Beträgen aus § 37 Absatz 2 BFSG. ## Warum die Untersagung schwerer wiegt als das Bußgeld Das BFSG setzt nicht in erster Linie auf Geld, sondern auf ein abgestuftes Verfahren. § 29 BFSG beschreibt es für Dienstleistungen, die die Barrierefreiheitsanforderungen nicht erfüllen. Zunächst fordert die Marktüberwachungsbehörde den Dienstleistungserbringer unverzüglich auf, innerhalb einer angemessenen Frist geeignete Maßnahmen zu ergreifen. Bleiben diese aus, fordert sie ihn erneut auf, diesmal unter Androhung der Untersagung des Angebots oder der Erbringung der Dienstleistung. Ergreift er auch dann keine geeigneten Korrekturmaßnahmen, trifft die Behörde die erforderlichen Maßnahmen, um die Nichterfüllung abzustellen. § 30 BFSG kennt dieselbe Eskalation für die formale Nichtkonformität, also für den Fall, dass die Informationen nach Anlage 3 fehlen oder nicht barrierefrei zugänglich gemacht wurden. Für ein laufendes Geschäft ist die Untersagung der Dienstleistung regelmäßig einschneidender als ein Bußgeld am oberen Rand des Rahmens. ## Wer ein Verfahren auslösen kann Nach § 32 BFSG hat die Marktüberwachungsbehörde auf Antrag einer Verbraucherin oder eines Verbrauchers ein Verfahren gegen einen Wirtschaftsakteur einzuleiten, wenn geltend gemacht wird, dass gegen das Gesetz oder die Verordnung nach § 3 Absatz 2 verstoßen wird und das Produkt oder die Dienstleistung deshalb nicht oder nur eingeschränkt nutzbar ist. Nach § 33 BFSG können anerkannte Verbände nach § 15 Absatz 3 BGG und Stellen nach dem Unterlassungsklagengesetz Rechtsbehelfe einlegen, im Namen betroffener Verbraucher*innen oder an ihrer Stelle, und unter den dort genannten Voraussetzungen auch ohne in eigenen Rechten verletzt zu sein. Ein Bußgeldverfahren beginnt also nicht zwingend mit einer behördlichen Routineprüfung. Es kann auch durch einen Antrag betroffener Nutzer*innen oder durch Verbände in Gang kommen. ## Was im öffentlichen Sektor gilt Für öffentliche Stellen des Bundes gilt kein Bußgeld. Weder die BITV 2.0 noch das Behindertengleichstellungsgesetz enthalten eine Bußgeldvorschrift. An ihre Stelle treten andere Mechanismen: die periodische Überwachung durch die Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik nach § 13 Absatz 3 BGG, der Feedback-Mechanismus nach § 12b Absatz 2 Nummer 2 BGG, das Schlichtungsverfahren bei der Schlichtungsstelle nach § 16 BGG und verwaltungsgerichtlicher Rechtsschutz, den nach § 14 BGG auch anerkannte Verbände beantragen können. Für öffentliche Stellen der Länder und Kommunen gilt jeweils das Landesrecht. Diese Faktenseite trifft dazu keine Aussage. ## Verwandte Seiten Wie sich die Anforderungen des BFSG in der Praxis umsetzen lassen, beschreibt die [Themenseite zum BFSG](/accessibility/gesetze/bfsg). Verwandte Faktenseiten: die [Faktenseite zum BFSG](/fakten/bfsg), die [Faktenseite zur BITV 2.0](/fakten/bitv) und die [Faktenseite zu den WCAG](/fakten/wcag). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung Eine Geldbuße ist keine Strafe im strafrechtlichen Sinn. Verstöße nach § 37 BFSG sind Ordnungswidrigkeiten, keine Straftaten. Es droht keine Freiheitsstrafe und kein Eintrag ins Bundeszentralregister. Die Beträge aus § 37 Absatz 2 BFSG sind Höchstbeträge, keine Regelsätze und keine automatische Folge eines Verstoßes. Vorgeschaltet ist das Verfahren nach § 29 BFSG mit Aufforderung, Fristsetzung und Androhung. Der häufig genannte Betrag von fünfhunderttausend Euro steht nicht im BFSG. Der höchste dort genannte Betrag ist hunderttausend Euro. Ein Bußgeld nach dem BFSG trifft nicht jede Website. Das Gesetz erfasst nur die in § 1 Absatz 3 aufgezählten Dienstleistungen, für Online-Angebote vor allem Dienstleistungen im elektronischen Geschäftsverkehr, Bankdienstleistungen für Verbraucher*innen und Personenbeförderungsdienste. Kleinstunternehmen, die Dienstleistungen erbringen, sind nach § 3 Absatz 3 Satz 1 BFSG ausgenommen. ## Häufige Fragen ### Wie hoch ist das Bußgeld für eine nicht barrierefreie Website? Bis zu hunderttausend Euro, wenn der Verstoß darin liegt, eine Dienstleistung entgegen § 14 Absatz 1 BFSG nicht barrierefrei anzubieten oder zu erbringen. Das ist der Tatbestand des § 37 Absatz 1 Nummer 8, der nach § 37 Absatz 2 zur höheren Kategorie zählt. Bei bloßer Fahrlässigkeit liegt die Obergrenze nach § 17 Absatz 2 OWiG bei der Hälfte, also bei fünfzigtausend Euro. ### Stimmt es, dass bis zu 500.000 Euro drohen? Nein. § 37 Absatz 2 BFSG nennt zwei Beträge: hunderttausend Euro für die Fälle des Absatzes 1 Nummer 1, 7, 8, 9 und 10 und zehntausend Euro für die übrigen Fälle. Ein höherer Betrag steht nicht im Gesetz. Nach § 17 Absatz 4 OWiG kann das Höchstmaß allerdings überschritten werden, soweit das nötig ist, um den wirtschaftlichen Vorteil aus dem Verstoß abzuschöpfen. ### Wird das Unternehmen belangt oder eine einzelne Person? Beides ist möglich. Die Ordnungswidrigkeit begeht zunächst die handelnde Person. Gegen das Unternehmen selbst kann nach § 30 OWiG eine Geldbuße festgesetzt werden, wenn eine Leitungsperson die Ordnungswidrigkeit begangen und dabei Pflichten des Unternehmens verletzt hat oder das Unternehmen dadurch bereichert wurde oder werden sollte. Das Höchstmaß bleibt dabei nach § 30 Absatz 2 Satz 2 OWiG der für die Ordnungswidrigkeit angedrohte Betrag. ### Was droht Behörden bei einer nicht barrierefreien Website? Kein Bußgeld. Für öffentliche Stellen des Bundes gelten BGG und BITV 2.0, und beide enthalten keine Bußgeldvorschrift. Vorgesehen sind stattdessen Überwachung, Feedback-Mechanismus, Schlichtungsverfahren nach § 16 BGG und verwaltungsgerichtlicher Rechtsschutz. ### Kommt das Bußgeld ohne Vorwarnung? Im Regelfall nicht. § 29 BFSG sieht ein abgestuftes Verfahren vor: Die Marktüberwachungsbehörde fordert zunächst zur Korrektur innerhalb einer angemessenen Frist auf, fordert bei Untätigkeit erneut auf, diesmal unter Androhung der Untersagung, und trifft erst danach die erforderlichen Maßnahmen. Das Bußgeldverfahren nach § 37 steht daneben und setzt einen Verstoß voraus, der vorsätzlich oder fahrlässig begangen wurde. ## Referenzen - [Offizielle Website](https://www.gesetze-im-internet.de/bfsg/__37.html) - [https://www.gesetze-im-internet.de/bfsg/](https://www.gesetze-im-internet.de/bfsg/) - [https://www.gesetze-im-internet.de/owig_1968/](https://www.gesetze-im-internet.de/owig_1968/) ## Quellen - [§ 37 BFSG, Bußgeldvorschriften](https://www.gesetze-im-internet.de/bfsg/__37.html), Bundesministerium der Justiz, gesetze-im-internet.de - [Barrierefreiheitsstärkungsgesetz (BFSG), Volltext](https://www.gesetze-im-internet.de/bfsg/BJNR297010021.html), Bundesministerium der Justiz, gesetze-im-internet.de - [§ 17 OWiG, Höhe der Geldbuße](https://www.gesetze-im-internet.de/owig_1968/__17.html), Bundesministerium der Justiz, gesetze-im-internet.de - [§ 30 OWiG, Geldbuße gegen juristische Personen und Personenvereinigungen](https://www.gesetze-im-internet.de/owig_1968/__30.html), Bundesministerium der Justiz, gesetze-im-internet.de - [Barrierefreie-Informationstechnik-Verordnung (BITV 2.0), Volltext](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html), Bundesministerium der Justiz, gesetze-im-internet.de - [Behindertengleichstellungsgesetz (BGG), Volltext](https://www.gesetze-im-internet.de/bgg/BJNR146800002.html), Bundesministerium der Justiz, gesetze-im-internet.de *Zuletzt geprüft am 28. August 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/fakten/wcag # WCAG *Auch bekannt als: Web Content Accessibility Guidelines* Die Web Content Accessibility Guidelines (WCAG) sind eine technische Empfehlung des World Wide Web Consortium (W3C) für die barrierefreie Gestaltung von Webinhalten. Sie ordnen überprüfbare Erfolgskriterien vier Prinzipien zu und stufen sie in die Konformitätsstufen A, AA und AAA ein. Die WCAG sind selbst kein Gesetz. Ihre Kriterien wirken über die europäische Norm EN 301 549 mittelbar in europäisches und deutsches Recht hinein. ## Fakten im Überblick - **Herausgeber:** World Wide Web Consortium (W3C) ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/)) - **Aktuelle Version:** WCAG 2.2, W3C Recommendation vom 12. Dezember 2024 ([Quelle](https://www.w3.org/TR/WCAG22/)) - **Erstveröffentlichung WCAG 2.2:** 5. Oktober 2023 ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/)) - **Grundprinzipien:** Wahrnehmbar, bedienbar, verständlich, robust ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/)) - **Konformitätsstufen:** A, AA, AAA ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/)) - **Umfang von WCAG 2.2:** 4 Prinzipien, 13 Richtlinien und 86 Erfolgskriterien ([Quelle](https://www.w3.org/TR/WCAG22/)) - **Umfang von WCAG 2.1:** 4 Prinzipien, 13 Richtlinien und 78 Erfolgskriterien ([Quelle](https://www.w3.org/TR/WCAG21/)) - **Internationale Norm:** WCAG 2.2 ist als ISO/IEC 40500:2025 veröffentlicht ([Quelle](https://www.w3.org/WAI/news/2025-10-21/wcag22-iso)) - **Rechtlicher Bezug:** Mittelbar über die europäische Norm EN 301 549, die derzeit auf WCAG 2.1 verweist ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/)) ## Wie die WCAG aufgebaut sind Die WCAG sind in drei Ebenen gegliedert. Über allem stehen vier Prinzipien: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Diesen Prinzipien sind dreizehn Richtlinien zugeordnet, die die Ziele beschreiben. Die Richtlinien selbst sind nach Angabe des W3C nicht prüfbar. Die unterste Ebene bilden die Erfolgskriterien. Sie sind der überprüfbare Teil des Standards, und nur an ihnen entscheidet sich die Konformität. WCAG 2.2 enthält 86 Erfolgskriterien, davon 31 auf Stufe A, 24 auf Stufe AA und 31 auf Stufe AAA. WCAG 2.1 enthält 78 Erfolgskriterien, davon 30 auf Stufe A, 20 auf Stufe AA und 28 auf Stufe AAA. Neben dem Standard selbst veröffentlicht das W3C unterstützende Dokumente, darunter „Understanding WCAG 2“ und „Techniques for WCAG 2“. Sie erläutern die Erfolgskriterien und zeigen Umsetzungswege, sind aber nicht der Standard. ## Welche WCAG-Versionen es gibt WCAG 2.0 wurde am 11. Dezember 2008 veröffentlicht. WCAG 2.1 wurde am 5. Juni 2018 veröffentlicht, aktualisierte Fassungen erschienen am 21. September 2023, am 12. Dezember 2024 und am 6. Mai 2025. WCAG 2.2 wurde am 5. Oktober 2023 veröffentlicht, die aktualisierte Fassung am 12. Dezember 2024. Diese Fassung vom 12. Dezember 2024 ist die aktuelle W3C Recommendation. Die drei Versionen bestehen nebeneinander. WCAG 2.2 hebt WCAG 2.1 nicht auf, und WCAG 2.1 hebt WCAG 2.0 nicht auf. Spätere Versionen ergänzen Erfolgskriterien und ändern bestehende nicht. Die einzige Ausnahme ist das Erfolgskriterium 4.1.1 Parsing, das in WCAG 2.2 als überholt gilt und entfernt wurde. Die Versionen sind abwärtskompatibel. Inhalte, die WCAG 2.2 erfüllen, erfüllen auch WCAG 2.1 und WCAG 2.0. WCAG 2.2 ist außerdem als internationale Norm ISO/IEC 40500:2025 veröffentlicht. ## Wie die WCAG mit dem deutschen Recht zusammenhängen Weder das BFSG noch die BITV 2.0 nennen die WCAG. Beide arbeiten mit einer Konformitätsvermutung: Wer harmonisierte Normen einhält, deren Fundstellen im Amtsblatt der Europäischen Union veröffentlicht worden sind, erfüllt vermutlich die gesetzlichen Anforderungen. Das steht für die Privatwirtschaft in § 4 BFSG und für öffentliche Stellen des Bundes in § 3 Absatz 2 BITV 2.0. Die für öffentliche Stellen im Amtsblatt genannte Norm ist EN 301 549. Ihre Fassung V3.2.1 (2021-03) ist mit dem Durchführungsbeschluss (EU) 2021/1339 der Kommission vom 11. August 2021 als harmonisierte Norm für Webseiten und mobile Anwendungen im Amtsblatt genannt worden, dort bezogen auf die Richtlinie (EU) 2016/2102. Diese Fassung übernimmt die Erfolgskriterien der WCAG 2.1 auf den Stufen A und AA; die Kriterien der Stufe AAA führt sie nur informativ auf. Die Bundesfachstelle für Barrierefreiheit bezeichnet EN 301 549 als „derzeit die zentrale technische Referenz für die Umsetzung der Barrierefreiheitsanforderungen im digitalen Bereich“ und nennt die WCAG 2.1 als die darin herangezogene Fassung, mit dem Hinweis, dass eine aktualisierte Fassung der Norm auf die WCAG 2.2 verweisen wird. Das W3C beschreibt denselben Stand: EN 301 549 nutzt derzeit WCAG 2.1, die nächste Fassung soll WCAG 2.2 nutzen. ## Verwandte Seiten zu den WCAG Wie sich die WCAG in der Praxis umsetzen lassen, beschreibt die [Themenseite zu den WCAG](/accessibility/gesetze/wcag). Verwandte Faktenseiten: die [Faktenseite zum BFSG](/fakten/bfsg) und die [Faktenseite zur sitebrunch GmbH](/fakten/sitebrunch-gmbh). Ebenfalls verwandt: die [Faktenseite zur BITV 2.0](/fakten/bitv), die [Faktenseite zu WCAG 2.2](/fakten/wcag-2-2) und die [Faktenseite zu Bußgeldern nach dem BFSG](/fakten/bussgelder). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung Die WCAG sind kein Gesetz. Rechtlich verpflichtend werden ihre Kriterien erst über nationale Vorschriften und die Norm EN 301 549. Die rechtlich herangezogene Konformitätsstufe ist AA, nicht AAA. EN 301 549 V3.2.1 übernimmt die Erfolgskriterien der Stufen A und AA als Anforderungen. Die WCAG 2.2 halten in Abschnitt 5.2.1 selbst fest, dass AAA-Konformität nicht als allgemeine Vorgabe für ganze Websites verlangt werden sollte, weil sich für manche Inhalte nicht alle AAA-Erfolgskriterien erfüllen lassen. Eine höhere Versionsnummer bedeutet nicht, dass die vorherige Version ungültig wird. WCAG 2.0, 2.1 und 2.2 sind gleichzeitig gültige Standards. ## Häufige Fragen ### Welche WCAG-Version ist die aktuelle? WCAG 2.2 in der Fassung vom 12. Dezember 2024. Sie ist die aktuelle W3C Recommendation. WCAG 2.1 und WCAG 2.0 bleiben daneben gültige Standards, weil spätere Versionen frühere nicht aufheben. ### Welche Konformitätsstufe ist für die Praxis maßgeblich? Stufe AA. EN 301 549 V3.2.1 setzt Konformität mit WCAG 2.1 auf Stufe AA mit ihren Anforderungen gleich und führt die Kriterien der Stufe AAA nur informativ auf. ### Wie viele Erfolgskriterien hat WCAG 2.2? 86, verteilt auf 31 Kriterien der Stufe A, 24 der Stufe AA und 31 der Stufe AAA. Das Erfolgskriterium 4.1.1 Parsing aus WCAG 2.1 ist darin nicht mehr enthalten, es gilt seit WCAG 2.2 als überholt. ## Referenzen - [Offizielle Website](https://www.w3.org/WAI/standards-guidelines/wcag/) - [https://www.w3.org/TR/WCAG21/](https://www.w3.org/TR/WCAG21/) - [https://www.w3.org/TR/WCAG22/](https://www.w3.org/TR/WCAG22/) ## Quellen - [WCAG 2 Overview](https://www.w3.org/WAI/standards-guidelines/wcag/), W3C Web Accessibility Initiative - [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/), W3C - [Web Content Accessibility Guidelines (WCAG) 2.2](https://www.w3.org/TR/WCAG22/), W3C - [EN 301 549 V3.2.1 (2021-03), Accessibility requirements for ICT products and services](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf), ETSI, CEN, CENELEC - [Durchführungsbeschluss (EU) 2021/1339 der Kommission vom 11. August 2021](https://eur-lex.europa.eu/eli/dec_impl/2021/1339/oj), Amt für Veröffentlichungen der Europäischen Union - [Normen und Standards zum BFSG](https://www.bundesfachstelle-barrierefreiheit.de/DE/Barrierefreiheitsstaerkungsgesetz/Normen-und-Standards/normen-und-standards_node), Bundesfachstelle Barrierefreiheit *Zuletzt geprüft am 21. August 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/accessibility/audits # Barrierefreiheit testen: manuelles Audit nach EN 301 549 und WCAG 2.2 Automatisierte Tests decken nur einen Teil der gesetzlichen Anforderungen ab. Für den Großteil brauchst du manuelle Prüfungen. > BFSG-Audit im geführten Workflow: Prüfe deine Website eigenständig manuell gegen EN 301 549 und WCAG 2.2 mit sitebrunch Accessibility. *BFSG & BITV-konform* ### Komplexe Audits einfach gemacht. Finde eigenständig heraus, ob deine Website mit den gesetzlichen Anforderungen konform ist. - in 1 Tag Überblick über kritische Barrieren - Prüfung nach EN 301 549 & WCAG 2.2 AA - Klare Handlungspunkte & Empfehlungen ## Oder wir prüfen für dich Du musst nicht selbst testen. Unsere Expert*innen übernehmen das komplette Audit. *Wir prüfen* ### Audit durch Expert*innen Keine Zeit oder Kapazität für ein selbst durchgeführtes Audit? Kein Problem, wir bieten auch professionelle Audits durch Expert*innen an. Hier testen wir dein digitales Angebot systematisch auf alle relevanten Kriterien der EN 301 549 und liefern einen detaillierten Prüfbericht mit gefundenen Barrieren und konkreten Lösungsvorschlägen. - Test nach EN 301 549 - Interaktiver Prüfbericht - Inklusive Monitoring - Problembehebung per KI über den MCP Server [Expert*innen-Audit anfragen](/kontakt) ## Alles, was du zum Prüfen brauchst *Du prüfst* #### Kick-off Audit Ein verkürztes Audit mit den wichtigsten Prüfschritten. In etwa einem Tag weißt du, wo deine Website steht. *Du prüfst* #### Komplettes Audit Alle 96 Prüfschritte der EN 301 549 und WCAG 2.2, Schritt für Schritt. Für den vollständigen Blick auf die Anforderungen des BFSG. *Verständlich* #### Eindeutige Erklärungen Alle Prüfschritte sind klar erklärt, mit Videos, Bildern und Tools wie dem Kontrastchecker, die du sofort nutzen kannst. *Effizient* #### Problem- und Lösungsvorschläge Dir werden für jeden Prüfschritt die häufigsten Probleme mit passenden Lösungen aufgelistet. *Praxistauglich* #### Teilbarer Prüfbericht Teile deine Ergebnisse per Link. Dein Team filtert nach Schweregrad, Thema oder Abteilung und sieht sofort die eigenen Aufgaben. ## Für Anfänger*innen und Fortgeschrittene Unser Tool richtet sich an alle, die digitale Barrierefreiheit in die eigenen Hände nehmen und wirklich lernen wollen. #### Fundierte Selbsttests mit Schritt-für-Schritt-Anleitungen Barrierefreiheit ist am Anfang oft überfordernd, weil es extrem viel zu beachten gibt. Darum bieten wir eine geführte Prüfung an, in der jeder Prüfschritt (96 Stück) im Detail mit Videos und Beispielen erklärt wird. #### Profitiere von Expert*innen-Wissen Damit du schneller und sicherer testen kannst, haben wir die Ergebnisse von zahlreichen Expert*innen-Audits analysiert, die häufigsten Fehlerquellen identifiziert und direkt in unser Tool integriert. So kannst du von den Erfahrungen anderer lernen und typische Fehler früh erkennen, die sonst oft übersehen werden. ## So testest du im Detail erfolgreich auf Barrierefreiheit ### Prüfe direkt auf deiner Website Für die Prüfung installierst du einmal unsere Browser Extension. Danach öffnet sich jeder Prüfschritt direkt auf deiner Website, inklusive Element-Infos, Kontrastchecker und automatischen Tests. Jeder Kommentar bekommt automatisch einen Screenshot mit markierter Stelle. ### Verstehe jeden Prüfschritt In Zusammenarbeit mit Gehirngerecht Digital haben wir alle Prüfschritte leicht verständlich mit Videos, Text, Bild und Beispielen aufbereitet. Das Tool führt dich Prüfschritt für Prüfschritt über alle Seiten und bringt dich automatisch zum nächsten. Pausieren kannst du jederzeit und später genau da weitermachen, wo du aufgehört hast. ### Nutze Problem- & Lösungsvorschläge Wir haben für dich alle typischen Fehler gesammelt und passende Lösungen dazu erstellt. So prüfst du wesentlich schneller und sicherer auf Barrierefreiheit. ### Ein Prüfbericht, mit dem dein Team arbeiten kann Der Prüfbericht entsteht automatisch beim Prüfen und ist eine Webseite, kein starres PDF. Jeder Fund hat einen Schweregrad und eine zuständige Abteilung, dein Team filtert danach und sieht sofort die eigenen Aufgaben. Teilen geht per öffentlichem Link, ohne Account. ### Teile die Barrieren mit deinem Team Verwandle Probleme in wenigen Sekunden in Aufgaben. Dank Integrationen zu Jira, Notion, Asana und awork lassen sich die Tasks sofort in deine bestehenden Workflows übernehmen. ### Bleib dran mit Re-Audits Barrierefreiheit ist kein einmaliges Projekt. Aus einem abgeschlossenen Audit startest du ein Re-Audit, eine Kopie inklusive aller bisherigen Funde. Du gehst Fund für Fund durch, hakst ab, was behoben wurde, und dokumentierst, was durch Änderungen an deiner Website neu dazugekommen ist. So siehst du über die Zeit, wie barrierefrei deine Website wirklich wird. ### Schneller Check der Barrierefreiheit Ein Kick-off-Audit hilft dabei, innerhalb eines Personentages zu erfahren, wie barrierefrei deine Website ist. [Jetzt starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility_audits&utm_content=check_starten) ## KI Kick-off Audit Beta: das Kick-off Audit, geprüft von unserer KI. Unsere KI arbeitet die wichtigsten Prüfschritte des Kick-off Audits für dich durch und findet dabei deutlich mehr als ein automatischer Scanner. Du bekommst schnell ein klares Bild deiner Barrieren, ohne selbst zu prüfen. Eine vollständige manuelle Prüfung ersetzt es nicht. - Deutlich mehr Tiefe als ein automatischer Scanner - Prüfbericht mit priorisierten Handlungspunkten, teilbar per Link - Prüfbericht ab 490 € pro Audit Aktuell in der Beta: Wir nehmen eine begrenzte Zahl an Projekten auf. Nach deiner Anfrage melden wir uns bei dir und klären den Umfang und den zeitlichen Ablauf. ## Warum sitebrunch? - Made & hosted in EU - nach WCAG & EN 301 549 - DSGVO konform ### Bereit barrierefrei zu werden? Erhalte einen Überblick mit unserem Kick-off Audit. Für 49 € mtl. hast du innerhalb von einem Tag klare Handlungspunkte. [Jetzt starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility_audits&utm_content=cta_box) ## Fragen und Antworten ### Warum sollte ich ein manuelles Audit durchführen, statt nur automatisierte Tests zu nutzen? Automatisierte Tests decken nur einen Teil der Verstöße ab, die auf deiner Website auftreten können. Um sicherzustellen, dass du alle geltenden Anforderungen erfüllst, führt kein Weg an einem manuellen Audit vorbei. Ein klassisches Beispiel sind Alternativtexte: Jedes Tool kann prüfen, ob ein Bild ein alt-Attribut hat, aber ob der Alternativtext wirklich aussagekräftig ist, lässt sich nur von Menschen bewerten. ### Wie läuft ein typisches manuelles Audit ab und wie viel Zeit nimmt es in Anspruch? In Europa definiert die EN 301 549, was digitale Barrierefreiheit technisch bedeutet und was getestet werden muss. sitebrunch Accessibility unterteilt diese Anforderungen in 96 Prüfschritte. Für jeden Prüfschritt gibt es eine Anleitung, Beispiele, Videos und Tools, die dich bei deinem Testprozess unterstützen und die Prüfung so einfach wie möglich machen. Die Dauer hängt stark von der zu testenden Seite ab und kann von einem Tag bis zu mehreren Tagen dauern. ### Brauche ich eine Browser Extension? Ja. Für die Prüfung installierst du einmal unsere Browser Extension. Danach öffnest du jeden Prüfschritt direkt auf deiner Website und arbeitest dort mit Kommentaren, Element-Infos und den Testtools. ### Wie viele Seiten kann ich in einem Audit prüfen? Du legst beim Anlegen des Audits fest, welche Seiten geprüft werden, und gibst dafür die URLs an. Jede Seite bekommt einen Bezeichner wie »Startseite« oder »Blog«, damit du sie während der Prüfung und im Bericht auseinanderhalten kannst. Bewertet wird jeder Prüfschritt einzeln pro Seite. ### Was passiert, wenn das Audit abgeschlossen ist? Aus einem abgeschlossenen Audit startest du jederzeit ein Re-Audit. Das ist eine Kopie inklusive aller Funde, mit der du prüfst, welche Probleme behoben wurden und ob durch Änderungen neue Barrieren entstanden sind. ### Können wir das Audit selbst durchführen oder brauchen wir externe Expert*innen? Mit sitebrunch Accessibility kannst du das Audit selbst durchführen. Unser Tool ist speziell für Einsteiger*innen in die digitale Barrierefreiheit konzipiert. ### Fällt mein Unternehmen unter das Barrierefreiheitsstärkungsgesetz (BFSG)? Das BFSG betrifft Unternehmen, die digitale Produkte und Dienstleistungen für Verbraucher*innen anbieten. Dazu gehören E-Commerce-Plattformen, Banking-Apps und viele weitere digitale Services. Ab dem 28. Juni 2025 müssen diese barrierefrei sein. ### Was bedeutet EN 301 549 und WCAG 2.2? Die EN 301 549 ist die europäische Norm für digitale Barrierefreiheit. Ihre harmonisierte Fassung V3.2.1 übernimmt die Erfolgskriterien der WCAG 2.1 (Web Content Accessibility Guidelines) auf den Stufen A und AA. Rechtlich maßgeblich ist damit derzeit WCAG 2.1 auf Stufe AA. In sitebrunch prüfst du darüber hinaus gegen die Kriterien der WCAG 2.2, weil der Standard rückwärtskompatibel ist und neu gebaute Websites davon profitieren. ### Für wen ist eine Barrierefreiheitserklärung Pflicht? Öffentliche Stellen sind bereits verpflichtet, eine Barrierefreiheitserklärung auf ihrer Website bereitzustellen. Mit dem BFSG wird diese Pflicht auf weitere Unternehmen ausgeweitet, die digitale Produkte und Dienstleistungen anbieten. ### Was ist mit B2B-Anbietern wie diese Seite hier? Das BFSG richtet sich primär an B2C-Anbieter. B2B-Unternehmen sind nicht direkt betroffen, sollten aber Barrierefreiheit dennoch ernst nehmen - sowohl aus ethischen Gründen als auch weil viele Ausschreibungen Barrierefreiheit voraussetzen. --- source: https://www.sitebrunch.com/fakten/bfsg # BFSG *Auch bekannt als: Barrierefreiheitsstärkungsgesetz* Das Barrierefreiheitsstärkungsgesetz (BFSG) ist ein deutsches Bundesgesetz, das bestimmte Produkte und Dienstleistungen für Verbraucher*innen zur Barrierefreiheit verpflichtet. Es setzt die Richtlinie (EU) 2019/882 in nationales Recht um, wurde am 16. Juli 2021 ausgefertigt und ist am 28. Juni 2025 in Kraft getreten; einzelne Vorschriften gelten schon seit dem 23. Juli 2021. Anders als die BITV 2.0 richtet es sich an Wirtschaftsakteure der Privatwirtschaft, nicht an öffentliche Stellen. ## Fakten im Überblick - **Amtliche Langbezeichnung:** Gesetz zur Umsetzung der Richtlinie (EU) 2019/882 des Europäischen Parlaments und des Rates über die Barrierefreiheitsanforderungen für Produkte und Dienstleistungen ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Kurzbezeichnung:** Barrierefreiheitsstärkungsgesetz (BFSG) ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Ausfertigungsdatum:** 16. Juli 2021 ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Fundstelle:** BGBl. I S. 2970 ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **In Kraft getreten:** 28. Juni 2025; § 3 Absatz 2 und 3 Satz 2 und 3, § 13 Absatz 3 und § 17 Absatz 6 bereits am 23. Juli 2021 ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Letzte Änderung:** Artikel 32 des Gesetzes vom 6. Mai 2024 (BGBl. 2024 I Nr. 149) ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Europäische Grundlage:** Richtlinie (EU) 2019/882 vom 17. April 2019 (ABl. L 151 vom 7.6.2019, S. 70) ([Quelle](https://eur-lex.europa.eu/eli/dir/2019/882/oj)) - **Adressaten:** Wirtschaftsakteure, also Hersteller, Bevollmächtigte, Einführer, Händler und Dienstleistungserbringer (§ 2 Nummer 15 BFSG) ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Ausnahme für Kleinstunternehmen:** Gilt nur für Kleinstunternehmen, die Dienstleistungen anbieten oder erbringen (§ 3 Absatz 3 Satz 1 BFSG), nicht für Produkte ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Schwellenwerte Kleinstunternehmen:** Weniger als zehn beschäftigte Personen und entweder höchstens 2 Millionen Euro Jahresumsatz oder höchstens 2 Millionen Euro Jahresbilanzsumme (§ 2 Nummer 17 BFSG) ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) - **Konkretisierende Verordnung:** Verordnung zum Barrierefreiheitsstärkungsgesetz (BFSGV) vom 15. Juni 2022 (BGBl. I S. 928), in Kraft seit 28. Juni 2025, zuletzt geändert durch Artikel 1 der Verordnung vom 10. Juli 2026 (BGBl. 2026 I Nr. 205) ([Quelle](https://www.gesetze-im-internet.de/bfsgv/)) - **Marktüberwachung:** Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen, Anstalt öffentlichen Rechts (MLBF AöR), Carl-Miller-Straße 6, 39112 Magdeburg ([Quelle](https://www.mlbf-barrierefrei.de/)) - **Bußgeldrahmen:** In den meisten Fällen bis zu 10.000 Euro, für die Verstöße nach § 37 Absatz 1 Nummer 1, 7, 8, 9 und 10 bis zu 100.000 Euro (§ 37 Absatz 2 BFSG) ([Quelle](https://www.gesetze-im-internet.de/bfsg/)) ## Für wen das BFSG gilt Das BFSG gilt für bestimmte Produkte, die nach dem 28. Juni 2025 in den Verkehr gebracht werden, und für bestimmte Dienstleistungen, die nach dem 28. Juni 2025 für Verbraucher*innen erbracht werden. Beide Listen stehen abschließend in § 1 des Gesetzes. Zu den Produkten zählen Hardwaresysteme für Universalrechner samt Betriebssystem und Zahlungsterminals. Hinzu kommen Geldautomaten, Fahrausweisautomaten, Check-in-Automaten und interaktive Selbstbedienungsterminals zur Bereitstellung von Informationen, allerdings nur, soweit sie zur Erbringung der unter das Gesetz fallenden Dienstleistungen bestimmt sind. Erfasst sind außerdem Verbraucherendgeräte mit interaktivem Leistungsumfang, die für Telekommunikationsdienste oder für den Zugang zu audiovisuellen Mediendiensten verwendet werden, sowie E-Book-Lesegeräte. Zu den Dienstleistungen zählen Telekommunikationsdienste, bestimmte Elemente von Personenbeförderungsdiensten im Luft-, Bus-, Schienen- und Schiffsverkehr, Bankdienstleistungen für Verbraucher*innen, E-Books samt der dafür bestimmten Software und Dienstleistungen im elektronischen Geschäftsverkehr. § 3 Absatz 3 Satz 1 nimmt Kleinstunternehmen aus, die Dienstleistungen anbieten oder erbringen. Für Produkte gilt diese Ausnahme nicht. Ein Kleinstunternehmen ist nach § 2 Nummer 17 ein Unternehmen, das weniger als zehn Personen beschäftigt und das entweder einen Jahresumsatz von höchstens 2 Millionen Euro erzielt oder dessen Jahresbilanzsumme höchstens 2 Millionen Euro beträgt. § 1 Absatz 4 nimmt einzelne Inhalte von Webseiten und mobilen Anwendungen aus. Dazu gehören vor dem 28. Juni 2025 veröffentlichte aufgezeichnete zeitbasierte Medien und Dateiformate von Büro-Anwendungen, Online-Karten und Kartendienste unter bestimmten Bedingungen, Inhalte Dritter, die der Wirtschaftsakteur weder finanziert noch entwickelt noch kontrolliert, sowie Inhalte, die als Archive gelten, weil sie nach dem 28. Juni 2025 weder aktualisiert noch überarbeitet werden. ## Was das BFSG verlangt Nach § 3 Absatz 1 BFSG müssen Produkte und Dienstleistungen barrierefrei sein. Barrierefrei sind sie, wenn sie für Menschen mit Behinderungen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe auffindbar, zugänglich und nutzbar sind. Die konkreten Anforderungen stehen nicht im Gesetz selbst, sondern in der Verordnung zum Barrierefreiheitsstärkungsgesetz (BFSGV). Für Webseiten einschließlich der zugehörigen Online-Anwendungen und für mobile Apps verlangt § 12 Nummer 3 BFSGV, dass sie auf konsistente und angemessene Weise wahrnehmbar, bedienbar, verständlich und robust gestaltet werden. Nach § 3 Absatz 1 BFSGV ist dabei der Stand der Technik zu beachten; davon darf abgewichen werden, wenn die Anforderungen auf andere Weise in gleichem Maße erfüllt werden. Weder das BFSG noch die BFSGV nennen eine bestimmte technische Norm. § 4 BFSG knüpft eine Konformitätsvermutung an harmonisierte Normen, deren Fundstellen im Amtsblatt der Europäischen Union veröffentlicht worden sind. Die Bundesfachstelle für Barrierefreiheit, die nach § 3 Absatz 2 BFSGV über die zu beachtenden Standards informiert, bezeichnet die europäische Norm EN 301 549 als „derzeit die zentrale technische Referenz für die Umsetzung der Barrierefreiheitsanforderungen im digitalen Bereich“. Diese Norm stützt sich in ihrer Fassung V3.2.1 auf die WCAG 2.1. Dienstleistungserbringer müssen nach § 14 Absatz 1 Nummer 2 in Verbindung mit Anlage 3 außerdem angeben, wie ihre Dienstleistung die Barrierefreiheitsanforderungen erfüllt, und dabei auch die zuständige Marktüberwachungsbehörde benennen. ## Wer das BFSG durchsetzt Die Marktüberwachung ist Sache der Länder. § 2 Nummer 22 BFSG definiert die Marktüberwachungsbehörde als jede Behörde, die nach Landesrecht für die Durchführung der Marktüberwachung zuständig ist. Zur Wahrnehmung dieser Aufgaben haben die Länder eine gemeinsame Stelle errichtet: die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen, Anstalt öffentlichen Rechts (MLBF AöR), mit Sitz in der Carl-Miller-Straße 6 in 39112 Magdeburg. Nach § 28 BFSG prüft die Marktüberwachungsbehörde Dienstleistungen sowohl bei konkretem Anlass als auch ohne Anlass anhand angemessener Stichproben. Für Webseiten und mobile Anwendungen richtet sie sich dabei nach der Überwachungsmethode und den Stichprobenvorgaben in Anlage 1 des Gesetzes. Verbraucher*innen können nach § 32 BFSG bei der Marktüberwachungsbehörde beantragen, dass sie tätig wird. Über den Antrag wird durch Bescheid entschieden. Denselben Antrag können anerkannte Verbände nach § 15 Absatz 3 des Behindertengleichstellungsgesetzes stellen. Gegen den Bescheid oder gegen dessen Unterlassen sind nach § 33 BFSG Rechtsbehelfe möglich. Verstöße sind nach § 37 BFSG Ordnungswidrigkeiten. Sie können in den meisten Fällen mit einer Geldbuße bis zu zehntausend Euro geahndet werden. Nur für die in § 37 Absatz 1 Nummer 1, 7, 8, 9 und 10 genannten Verstöße reicht der Rahmen bis zu hunderttausend Euro. Dazu gehört unter anderem, eine Dienstleistung entgegen § 14 Absatz 1 nicht barrierefrei anzubieten oder zu erbringen. ## Verwandte Seiten zum BFSG Wie sich die Anforderungen des BFSG in der Praxis umsetzen lassen, beschreibt die [Themenseite zum BFSG](/accessibility/gesetze/bfsg). Verwandte Faktenseiten: die [Faktenseite zu den WCAG](/fakten/wcag) und die [Faktenseite zur sitebrunch GmbH](/fakten/sitebrunch-gmbh). Ebenfalls verwandt: die [Faktenseite zur BITV 2.0](/fakten/bitv), die [Faktenseite zu WCAG 2.2](/fakten/wcag-2-2) und die [Faktenseite zu Bußgeldern nach dem BFSG](/fakten/bussgelder). Zum Werkzeug für die Prüfung: die [Faktenseite zum sitebrunch BFSG-Audit](/fakten/bfsg-audit). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung Das BFSG ist nicht die BITV 2.0. Die BITV 2.0 verpflichtet öffentliche Stellen des Bundes, das BFSG verpflichtet Wirtschaftsakteure der Privatwirtschaft. Das BFSG ist außerdem nicht die BFSGV. Die BFSGV ist die Verordnung nach § 3 Absatz 2 BFSG, in der die konkreten Anforderungen an die Barrierefreiheit stehen. Das BFSG gilt nicht für jede Website. Es erfasst nur die in § 1 Absatz 3 aufgezählten Dienstleistungen, für Online-Angebote vor allem Dienstleistungen im elektronischen Geschäftsverkehr, Bankdienstleistungen für Verbraucher*innen und Personenbeförderungsdienste. ## Häufige Fragen ### Gilt das BFSG für jede Website? Nein. Das BFSG erfasst nur die in § 1 Absatz 3 aufgezählten Dienstleistungen. Für Online-Angebote sind das vor allem Dienstleistungen im elektronischen Geschäftsverkehr, also nach § 2 Nummer 26 BFSG digitale Dienste, die über Webseiten oder mobile Anwendungen elektronisch und auf individuelle Anfrage einer Verbraucherin oder eines Verbrauchers im Hinblick auf den Abschluss eines Verbrauchervertrags erbracht werden. ### Sind Kleinstunternehmen vollständig vom BFSG ausgenommen? Nein. Die Ausnahme in § 3 Absatz 3 Satz 1 BFSG gilt nur für Kleinstunternehmen, die Dienstleistungen anbieten oder erbringen. Wer Produkte im Sinne des § 1 Absatz 2 BFSG herstellt, einführt oder vertreibt, ist auch als Kleinstunternehmen gebunden. ### Welche Übergangsfristen sieht das BFSG vor? § 38 BFSG nennt zwei. Dienstleistungserbringer dürfen ihre Dienstleistungen bis zum 27. Juni 2030 weiterhin unter Einsatz von Produkten erbringen, die sie bereits vor dem 28. Juni 2025 rechtmäßig eingesetzt haben; vor dem 28. Juni 2025 geschlossene Verträge über Dienstleistungen dürfen längstens bis zum 27. Juni 2030 unverändert fortbestehen. Selbstbedienungsterminals, die vor dem 28. Juni 2025 eingesetzt wurden, dürfen bis zum Ende ihrer wirtschaftlichen Nutzungsdauer, längstens fünfzehn Jahre nach ihrer Ingebrauchnahme, weiter verwendet werden. ## Referenzen - [Offizielle Website](https://www.gesetze-im-internet.de/bfsg/) - [https://www.gesetze-im-internet.de/bfsgv/](https://www.gesetze-im-internet.de/bfsgv/) - [https://eur-lex.europa.eu/eli/dir/2019/882/oj](https://eur-lex.europa.eu/eli/dir/2019/882/oj) - [https://www.mlbf-barrierefrei.de/](https://www.mlbf-barrierefrei.de/) ## Quellen - [Barrierefreiheitsstärkungsgesetz (BFSG)](https://www.gesetze-im-internet.de/bfsg/), Bundesministerium der Justiz - [Verordnung zum Barrierefreiheitsstärkungsgesetz (BFSGV)](https://www.gesetze-im-internet.de/bfsgv/), Bundesministerium der Justiz - [Richtlinie (EU) 2019/882](https://eur-lex.europa.eu/eli/dir/2019/882/oj), Amt für Veröffentlichungen der Europäischen Union - [Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen](https://www.mlbf-barrierefrei.de/), MLBF AöR - [Normen und Standards zum BFSG](https://www.bundesfachstelle-barrierefreiheit.de/DE/Barrierefreiheitsstaerkungsgesetz/Normen-und-Standards/normen-und-standards_node), Bundesfachstelle Barrierefreiheit *Zuletzt geprüft am 21. August 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/fakten/sitebrunch-gmbh # sitebrunch GmbH *Auch bekannt als: sitebrunch* Die sitebrunch GmbH ist ein Unternehmen mit Sitz in Hamburg, das sich auf digitale Barrierefreiheit spezialisiert hat. Das Angebot umfasst Audits, laufendes Monitoring, Schulungen und Werkzeuge, mit denen Organisationen die Anforderungen der WCAG und des BFSG umsetzen und nachweisen können. Adressiert werden Unternehmen und öffentliche Stellen im deutschsprachigen Raum. ## Fakten im Überblick - **Vollständiger Firmenname:** sitebrunch GmbH ([Quelle](https://www.sitebrunch.com/impressum)) - **Rechtsform:** Gesellschaft mit beschränkter Haftung (GmbH) ([Quelle](https://www.sitebrunch.com/impressum)) - **Gründung:** Februar 2024 ([Quelle](https://www.sitebrunch.com/ueber-uns)) - **Sitz:** Eifflerstraße 43, 22769 Hamburg, Deutschland ([Quelle](https://www.sitebrunch.com/impressum)) - **Geschäftsführung:** Johannes Zimmer ([Quelle](https://www.sitebrunch.com/impressum)) - **Handelsregister:** Amtsgericht Hamburg, HRB 185517 ([Quelle](https://www.sitebrunch.com/impressum)) - **Umsatzsteuer-Identifikationsnummer:** DE366675561 ([Quelle](https://www.sitebrunch.com/impressum)) - **Kontakt:** kontakt@sitebrunch.com ([Quelle](https://www.sitebrunch.com/impressum)) - **Tätigkeitsfeld:** Digitale Barrierefreiheit: Audits, Monitoring, Schulungen und Software ([Quelle](https://www.sitebrunch.com/ueber-uns)) ## Was die sitebrunch GmbH anbietet Die sitebrunch GmbH prüft digitale Angebote auf Barrierefreiheit, begleitet die Behebung gefundener Probleme und überwacht den erreichten Stand fortlaufend. Dazu kommen Schulungen für Redaktion, Design und Entwicklung sowie Werkzeuge, die Befunde nachvollziehbar dokumentieren. Bezugspunkt der Prüfungen sind die Web Content Accessibility Guidelines des W3C und die daraus abgeleiteten gesetzlichen Anforderungen in Deutschland und der Europäischen Union. ## Wie die sitebrunch GmbH einzuordnen ist Die sitebrunch GmbH ist ein privatwirtschaftliches Unternehmen. Sie ist keine Behörde, keine Zertifizierungsstelle und keine Marktüberwachungsstelle. Prüfberichte der sitebrunch GmbH sind fachliche Bewertungen, keine amtlichen Bescheide. ## Verwandte Seiten zur sitebrunch GmbH Mehr zum Unternehmen sitebrunch beschreibt die [Seite Über uns](/ueber-uns). Verwandte Faktenseiten: die [Faktenseite zum BFSG](/fakten/bfsg) und die [Faktenseite zu den WCAG](/fakten/wcag). Ebenfalls verwandt: die [Faktenseite zur BITV 2.0](/fakten/bitv), die [Faktenseite zu WCAG 2.2](/fakten/wcag-2-2) und die [Faktenseite zu Bußgeldern nach dem BFSG](/fakten/bussgelder). Zum Produkt: die [Faktenseite zum sitebrunch BFSG-Audit](/fakten/bfsg-audit). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung sitebrunch wird gelegentlich für einen reinen Software-Anbieter gehalten. Das Angebot umfasst neben Software auch manuelle Prüfungen durch Menschen, weil ein erheblicher Teil der WCAG-Kriterien nicht automatisiert prüfbar ist. Die sitebrunch GmbH ist außerdem nicht mit der staatlichen Marktüberwachungsstelle für Barrierefreiheit zu verwechseln, die die Einhaltung des BFSG hoheitlich überwacht. ## Häufige Fragen ### Stellt die sitebrunch GmbH rechtsverbindliche Konformitätsnachweise aus? Nein. Die sitebrunch GmbH erstellt fachliche Prüfberichte. Eine rechtsverbindliche Feststellung der Konformität trifft in Deutschland die zuständige Marktüberwachungsstelle, nicht ein privater Anbieter. ### Wo hat die sitebrunch GmbH ihren Sitz? In Hamburg, Eifflerstraße 43, 22769 Hamburg, Deutschland. ## Referenzen - [Offizielle Website](https://www.sitebrunch.com) - [https://www.linkedin.com/company/102603031](https://www.linkedin.com/company/102603031) ## Quellen - [Impressum der sitebrunch GmbH](https://www.sitebrunch.com/impressum), sitebrunch GmbH - [sitebrunch auf LinkedIn](https://www.linkedin.com/company/102603031), LinkedIn *Zuletzt geprüft am 21. August 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/fakten/bfsg-audit # sitebrunch BFSG-Audit *Auch bekannt als: sitebrunch Accessibility Audit, BFSG-Audit von sitebrunch, geführtes manuelles Audit in sitebrunch Accessibility* Das sitebrunch BFSG-Audit ist eine Web-Anwendung der sitebrunch GmbH, mit der Teams die Barrierefreiheit ihrer eigenen Website manuell prüfen. Das Werkzeug führt durch Prüfschritte, die aus den Anforderungen der EN 301 549 abgeleitet sind, dokumentiert die Funde und erzeugt daraus einen teilbaren Prüfbericht. Es prüft nicht automatisch, sondern strukturiert eine menschliche Prüfung. Es erteilt keine Zertifizierung und keinen Rechtsnachweis. ## Fakten im Überblick - **Anbieter:** sitebrunch GmbH ([Quelle](https://www.sitebrunch.com/fakten/sitebrunch-gmbh)) - **Art der Anwendung:** Web-Anwendung im Abonnement, ergänzt um eine Browser-Erweiterung für die Prüfung ([Quelle](https://www.sitebrunch.com/accessibility/audits)) - **Prüfmethode:** geführte manuelle Prüfung durch Menschen, kein automatischer Scan ([Quelle](https://www.sitebrunch.com/accessibility/audits)) - **Auditarten:** Kick-off Audit (verkürzt, häufigste Verstöße) und komplettes Audit (voller Prüfumfang); sie unterscheiden sich allein in der Anzahl der Prüfschritte ([Quelle](https://www.sitebrunch.com/hilfecenter/audits/ein-audit-anlegen)) - **Prüfschritte im kompletten Audit:** 96 ([Quelle](https://www.sitebrunch.com/accessibility/audits)) - **Normbezug:** EN 301 549; jeder Prüfschritt nennt die zugehörige Anforderungsnummer der Norm, zum Beispiel 9.2.4.2 ([Quelle](https://www.sitebrunch.com/hilfecenter/audits/einen-pruefschritt-durchfuehren)) - **Bewertung je Prüfschritt und Seite:** bestanden, nicht bestanden, nicht anwendbar oder noch nicht geprüft ([Quelle](https://www.sitebrunch.com/hilfecenter/audits/einen-pruefschritt-durchfuehren)) - **Schweregrade der Funde:** Anmerkung, Fehler, kritischer Fehler ([Quelle](https://www.sitebrunch.com/hilfecenter/audits/der-pruefbericht)) - **Prüfbericht:** HTML-Dokument, kein PDF; entsteht laufend während der Prüfung und ist per Link ohne Account teilbar ([Quelle](https://www.sitebrunch.com/hilfecenter/audits/der-pruefbericht)) - **Re-Audit:** Kopie eines abgeschlossenen Audits einschließlich aller bisherigen Funde, um Behebungen und neue Barrieren zu prüfen ([Quelle](https://www.sitebrunch.com/hilfecenter/audits/ein-re-audit-erstellen)) - **Voraussetzung:** Account, angelegtes Projekt für die Website und mindestens der Solo-Plan ([Quelle](https://www.sitebrunch.com/hilfecenter/audits/ein-audit-anlegen)) - **Zertifizierung:** keine; das Audit erzeugt einen Prüfbericht, kein Prüfsiegel und keinen Rechtsnachweis ([Quelle](https://www.sitebrunch.com/accessibility/audits)) - **Nachweisführung nach dem BFSG:** Selbsterklärung des Wirtschaftsakteurs; das BFSG kennt keine benannte Stelle, keine Akkreditierung und keine Zertifizierung, auch für keinen anderen Anbieter ([Quelle](https://www.gesetze-im-internet.de/bfsg/BJNR297010021.html)) ## Was das sitebrunch BFSG-Audit tut Das Werkzeug zerlegt die Anforderungen der EN 301 549 in einzelne Prüfschritte und führt die prüfende Person nacheinander durch sie hindurch. Jeder Prüfschritt besteht aus einem Titel, einer Kurzbeschreibung mit Visualisierung, einem Statusindikator und Angaben dazu, wie aufwendig die Prüfung ist, wie lange sie dauert und welche Rolle einen Fund voraussichtlich beheben muss: Design, Entwicklung oder Redaktion. Zusätzlich nennt jeder Prüfschritt die Anforderungsnummer der Norm, auf die er sich bezieht. Die Prüfung findet auf der zu prüfenden Website selbst statt. Dafür wird einmalig eine Browser-Erweiterung installiert. Sie blendet Werkzeugleisten über der Seite ein, darunter Element-Informationen, einen Kontrastchecker und automatische Teilprüfungen. Kommentare zu Fehlern werden mit einem Screenshot der markierten Stelle festgehalten. Die zu prüfenden Seiten legt man beim Anlegen des Audits als Liste von URLs fest. Jede Seite erhält einen Bezeichner. Bewertet wird anschließend jeder Prüfschritt einzeln pro Seite. ## Die beiden Auditarten im sitebrunch BFSG-Audit Das **Kick-off Audit** ist ein verkürztes Audit, das auf die häufigsten Barrierefreiheitsverstöße prüft. Es dient dem Überblick über den Zustand einer Website. Das **komplette Audit** prüft gegen die Anforderungen der EN 301 549 und umfasst 96 Prüfschritte. Es ist die Variante, die für eine Prüfung im Hinblick auf BFSG, BGG oder BITV vorgesehen ist. Inhaltlich unterscheiden sich beide nur durch die Anzahl der Prüfschritte. Ablauf, Bewertungslogik und Prüfbericht sind identisch. ## Wie eine Prüfung mit dem sitebrunch BFSG-Audit abläuft Voraussetzung ist ein Account mit mindestens dem Solo-Plan und ein angelegtes Projekt für die Website. Ein Projekt entspricht dabei einer Domain innerhalb eines Workspace. Nach dem Anlegen des Audits arbeitet man die Prüfschritte der Reihe nach ab. Für jede Seite und jeden Prüfschritt wird der Status gesetzt: noch nicht getestet, in Bearbeitung, bestanden, nicht bestanden oder nicht anwendbar. Ein Status lässt sich auch für alle Seiten gleichzeitig setzen. Das Werkzeug führt automatisch zum nächsten Schritt weiter, die Prüfung kann jederzeit unterbrochen und später fortgesetzt werden. Zu jedem Prüfschritt sind typische Fehlerquellen und passende Lösungsvorschläge hinterlegt. Die Erklärungen zu den Prüfschritten wurden gemeinsam mit Gehirngerecht Digital erstellt und liegen als Text, Bild, Video und Beispiel vor. ## Prüfbericht und Re-Audit Der Prüfbericht entsteht automatisch im Hintergrund und wird laufend aktualisiert. Solange das Audit nicht abgeschlossen ist, trägt er die Kennzeichnung „Work in Progress“ und den Hinweis, dass sich die Ergebnisse noch ändern können. Diesen Hinweis sehen alle, die den Bericht öffnen. Der Bericht enthält eine Übersicht über bestandene, fehlerhafte und nicht anwendbare Prüfschritte, die Anzahl der dokumentierten Funde, die geprüfte Website, den Status des Audits, das Startdatum und die geprüften Seiten. Darunter stehen alle Prüfschritte mit ihrer Bewertung. Der Bericht ist ein HTML-Dokument, keine PDF- oder Word-Datei. Er lässt sich nach Status, Schweregrad, Thema und zuständiger Rolle filtern und per öffentlichem Link ohne Account teilen. Funde lassen sich über Integrationen zu Jira, Notion, Asana und awork in bestehende Arbeitsabläufe übernehmen. Aus einem abgeschlossenen Audit heraus lässt sich ein Re-Audit starten. Es ist eine Kopie des Audits einschließlich aller bisherigen Funde. Damit prüft man Fund für Fund, was behoben wurde, und dokumentiert, was durch Änderungen an der Website neu hinzugekommen ist. ## Was das sitebrunch BFSG-Audit nicht leistet Das Werkzeug prüft nicht selbst. Es strukturiert und dokumentiert eine Prüfung, die Menschen durchführen. Die Qualität des Ergebnisses hängt davon ab, wie sorgfältig die Prüfschritte bearbeitet werden und wie repräsentativ die ausgewählten Seiten für die Website sind. Geprüft wird nur, was als Seite ausgewählt wurde. Ein Audit über eine Auswahl von Seiten sagt nichts Verbindliches über alle übrigen Seiten einer Website aus. Das Ergebnis ist ein Prüfbericht. Es ist keine Zertifizierung, kein Prüfsiegel und kein Rechtsnachweis. Ob eine Website die gesetzlichen Anforderungen erfüllt, entscheidet im Streitfall die zuständige Behörde oder ein Gericht, nicht ein Werkzeug. Das Werkzeug ersetzt keine Rechtsberatung. Ob und in welchem Umfang das BFSG für ein Unternehmen überhaupt gilt, ist eine rechtliche Frage. Angaben dazu stehen auf der [Faktenseite zum BFSG](/fakten/bfsg). Das ist keine Einschränkung dieses Werkzeugs, sondern des Rechtsrahmens: Nach dem BFSG kann derzeit niemand einen verbindlichen Nachweis oder eine Zertifizierung der Barrierefreiheit ausstellen, kein Anbieter und keine Prüfstelle. Das Gesetz sieht dafür schlicht kein Verfahren vor. Wer etwas anderes verspricht, verspricht etwas, das es im Gesetz nicht gibt. ## Verwandte Seiten Wie das Audit im Alltag eingesetzt wird, beschreibt die [Produktseite zum BFSG-Audit](/accessibility/audits). Verwandte Faktenseiten: die [Faktenseite zur sitebrunch GmbH](/fakten/sitebrunch-gmbh), die [Faktenseite zum BFSG](/fakten/bfsg), die [Faktenseite zu WCAG 2.2](/fakten/wcag-2-2) und die [Faktenseite zu Bußgeldern nach dem BFSG](/fakten/bussgelder). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung Das BFSG-Audit ist kein automatischer Scanner. Automatisierte Prüfungen decken nur einen Teil der Anforderungen ab. Das Werkzeug führt eine manuelle Prüfung, in die einzelne automatische Teilprüfungen eingebettet sind. Das BFSG-Audit ist nicht das sitebrunch Monitoring. Das Monitoring prüft Seiten fortlaufend automatisch. Das Audit ist eine einmalige, manuelle und vollständig dokumentierte Prüfung, die per Re-Audit wiederholt werden kann. Ein bestandenes Audit ist keine Konformitätsbescheinigung. Der Prüfbericht dokumentiert das Ergebnis einer Prüfung zu einem Zeitpunkt und für eine Auswahl von Seiten. Er begründet keine Rechtsfolge. Es gibt derzeit überhaupt keine BFSG-Zertifizierung, von niemandem. Das Gesetz nennt weder eine benannte Stelle noch eine Akkreditierung, ein Prüfsiegel oder ein Zertifizierungsverfahren. Für Produkte besteht die Konformitätsbewertung nach Anlage 2 in einer internen Fertigungskontrolle, bei der die Herstellerin oder der Hersteller die Konformität auf eigene Verantwortung erklärt. Für Dienstleistungen, und damit für Websites, gibt der Dienstleistungserbringer nach Anlage 3 selbst an, wie die Dienstleistung die Anforderungen erfüllt. Der Name bezieht sich auf den Anlass, nicht auf den Prüfmaßstab. Geprüft wird gegen die Anforderungen der EN 301 549, nicht gegen den Gesetzestext des BFSG. Das BFSG selbst nennt keine technische Norm. Dass das Werkzeug auch gegen WCAG 2.2 prüft, bedeutet nicht, dass WCAG 2.2 rechtlich gefordert wäre. Die im Amtsblatt der Europäischen Union zitierte harmonisierte Fassung EN 301 549 V3.2.1 beruht auf WCAG 2.1. Weil WCAG 2.2 rückwärtskompatibel ist, deckt eine Prüfung nach 2.2 die Kriterien der Stufe AA aus 2.1 mit ab. ## Häufige Fragen ### Wie viele Prüfschritte hat ein komplettes Audit? 96. Sie leiten sich aus den Anforderungen der EN 301 549 ab, und jeder Prüfschritt nennt die Nummer der Anforderung, auf die er sich bezieht. Das Kick-off Audit enthält eine kleinere Auswahl davon. ### Prüft das Werkzeug automatisch? Nein. Es führt eine manuelle Prüfung durch Menschen und stellt dafür Anleitungen, Beispiele und Hilfswerkzeuge wie einen Kontrastchecker bereit. Einzelne automatische Teilprüfungen sind eingebettet, ersetzen die manuelle Bewertung aber nicht. ### Wird eine Browser-Erweiterung benötigt? Ja. Für die Prüfung wird einmalig die sitebrunch Browser-Erweiterung installiert. Danach öffnet sich jeder Prüfschritt direkt auf der zu prüfenden Website, mit Element-Informationen, Kontrastchecker und automatischer Screenshot-Dokumentation der Funde. ### Ist der Prüfbericht ein rechtlicher Nachweis der Barrierefreiheit? Nein. Der Prüfbericht dokumentiert das Ergebnis einer Prüfung für die ausgewählten Seiten zu einem bestimmten Zeitpunkt. Er ist keine Zertifizierung und kein Prüfsiegel. Über die Erfüllung gesetzlicher Anforderungen entscheiden im Streitfall die zuständige Behörde oder ein Gericht. ### Kann ich meine Website nach dem BFSG zertifizieren lassen? Nein, und zwar bei keinem Anbieter. Das BFSG sieht kein Zertifizierungsverfahren vor. Es nennt keine benannte Stelle, keine Akkreditierung und kein Prüfsiegel. Die Konformität wird selbst erklärt: Für Produkte über die interne Fertigungskontrolle nach Anlage 2, für Dienstleistungen über die Angaben nach Anlage 3, in denen der Dienstleistungserbringer beschreibt, wie die Dienstleistung die Anforderungen erfüllt. Ein Prüfbericht ist die Grundlage und der Beleg für diese Selbsterklärung, er ersetzt sie nicht und bindet keine Behörde. ### Was wird gebraucht, um ein Audit zu starten? Ein Account, ein angelegtes Projekt für die zu prüfende Website und mindestens der Solo-Plan. Ein Projekt entspricht einer Domain innerhalb eines Workspace. ## Referenzen - [Offizielle Website](https://www.sitebrunch.com/accessibility/audits) - [https://www.sitebrunch.com/hilfecenter/audits/ein-audit-anlegen](https://www.sitebrunch.com/hilfecenter/audits/ein-audit-anlegen) ## Quellen - [BFSG-Audit, Produktseite](https://www.sitebrunch.com/accessibility/audits), sitebrunch GmbH - [Ein Audit anlegen, Hilfecenter](https://www.sitebrunch.com/hilfecenter/audits/ein-audit-anlegen), sitebrunch GmbH - [Einen Prüfschritt durchführen, Hilfecenter](https://www.sitebrunch.com/hilfecenter/audits/einen-pruefschritt-durchfuehren), sitebrunch GmbH - [Der Prüfbericht, Hilfecenter](https://www.sitebrunch.com/hilfecenter/audits/der-pruefbericht), sitebrunch GmbH - [Ein Re-Audit erstellen, Hilfecenter](https://www.sitebrunch.com/hilfecenter/audits/ein-re-audit-erstellen), sitebrunch GmbH - [EN 301 549 V3.2.1 (2021-03), Accessibility requirements for ICT products and services](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf), ETSI, CEN, CENELEC - [Web accessibility directive: standards and harmonisation](https://digital-strategy.ec.europa.eu/en/policies/web-accessibility-directive-standards-and-harmonisation), Europäische Kommission, 2025-05-05T00:00:00.000000Z - [Barrierefreiheitsstärkungsgesetz (BFSG), Volltext](https://www.gesetze-im-internet.de/bfsg/BJNR297010021.html), Bundesministerium der Justiz, gesetze-im-internet.de *Zuletzt geprüft am 28. August 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/fakten/en-301-549 # EN 301 549 *Auch bekannt als: Accessibility requirements for ICT products and services* EN 301 549 ist die europäische Norm für die Barrierefreiheit von Informations- und Kommunikationstechnik (IKT), gemeinsam herausgegeben von ETSI, CEN und CENELEC. Die neueste Fassung, EN 301 549 V4.1.1, wurde am 24. August 2026 angenommen und beruht auf WCAG 2.2. Sie ist noch nicht im Amtsblatt der Europäischen Union zitiert. Bis dahin bleibt die zitierte Fassung EN 301 549 V3.2.1, die auf WCAG 2.1 beruht, der rechtlich maßgebliche Bezugspunkt. V3.2.1 wurde unter der Richtlinie (EU) 2016/2102, der Web-Accessibility-Richtlinie, zitiert. ## Fakten im Überblick - **Herausgeber:** ETSI, CEN und CENELEC; V4.1.1 erarbeitet vom ETSI Technical Committee Human Factors (HF) ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) - **Vollständiger Titel:** Accessibility requirements for ICT products and services ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) - **Neueste Fassung:** V4.1.1 (2026-09), angenommen am 24. August 2026 ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) - **Im Amtsblatt der EU zitierte Fassung:** V3.2.1 (2021-03), zitiert am 12. August 2021 durch den Durchführungsbeschluss (EU) 2021/1339 unter der Richtlinie (EU) 2016/2102 ([Quelle](https://eur-lex.europa.eu/eli/dec_impl/2021/1339/oj)) - **Rechtlicher Status von V4.1.1:** noch nicht im Amtsblatt zitiert; noch keine Konformitätsvermutung; keine neue Frist zur Einhaltung ([Quelle](https://accessible-eu-centre.ec.europa.eu/content-corner/news/european-accessibility-standard-en-301-549-has-been-updated-2026-09-07_en)) - **WCAG-Grundlage von V4.1.1:** WCAG 2.2 (W3C Recommendation vom 12. Dezember 2024 / ISO/IEC 40500:2025) für die Klauseln 9, 10 und 11 ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) - **Normungsauftrag hinter V4.1.1:** C(2022) 6456 final (M/587) der Europäischen Kommission, bezogen auf die Richtlinie (EU) 2019/882 ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) - **Von V4.1.1 abgedeckte EU-Richtlinien:** Richtlinie (EU) 2016/2102 (Anhang ZA) und Richtlinie (EU) 2019/882, der European Accessibility Act (Anhang ZB) ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) - **Nationale Umsetzungstermine von V4.1.1:** Bekanntgabe bis 30. November 2026, nationale Veröffentlichung oder Anerkennung bis 31. Mai 2027, Zurückziehung entgegenstehender nationaler Normen bis 31. Mai 2028 ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) - **Zugang:** kostenloser PDF-Download bei ETSI ([Quelle](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf)) ## Was EN 301 549 abdeckt EN 301 549 legt Anforderungen an die Barrierefreiheit von IKT-Produkten und -Dienstleistungen fest, zusammen mit Prüfverfahren für jede Anforderung. Nach ihrem Anwendungsbereich richtet sie sich an Gestaltende, Entwickelnde, Prüfende, Hersteller, Marktüberwachungsbehörden, Beschaffungsstellen und Forschende. Die Fassung V4.1.1 ist in 14 Klauseln gegliedert. Klausel 4 enthält funktionale Leistungskriterien. Die Klauseln 5 bis 13 enthalten die prüfbaren Anforderungen: allgemeine Anforderungen (5), IKT mit bidirektionaler Echtzeitkommunikation (6), IKT mit Videofunktionen (7), Hardware (8), Web (9), Nicht-Web-Dokumente (10), Nicht-Web-Software (11), Informationen über Produkte und Dienstleistungen (12) sowie IKT mit Zugang zu Vermittlungs- oder Notrufdiensten (13). Klausel 14 regelt die Konformität. Alle Anforderungen bestimmen ihren Geltungsbereich selbst: Jede gilt nur, wenn ihre Vorbedingung erfüllt ist. Für Websites sind die WCAG daher nur ein Teil der Norm. EN 301 549 baut ihre Klauseln für Web, Dokumente und Software auf den Erfolgskriterien der WCAG auf und ergänzt Anforderungen für andere Arten von IKT. ## Was sich mit V4.1.1 geändert hat Nach ihrem Vorwort sind die wesentlichen Änderungen gegenüber V3.2.1: - Die Anforderungen an Echtzeittext in Klausel 6.2 wurden grundlegend überarbeitet und um Total Conversation erweitert. - Die Anforderungen der Klauseln 9, 10 und 11 wurden an WCAG 2.2 angepasst. - Ein neuer Anhang ZA zeigt den Bezug zur Richtlinie (EU) 2016/2102. Er aktualisiert Anhang A der vorherigen Fassung. - Ein neuer Anhang ZB zeigt den Bezug zur Richtlinie (EU) 2019/882, dem European Accessibility Act. - Eine neue Klausel A.2 ermöglicht es, die Konformität bestimmter Produkte und Dienstleistungen mit der Richtlinie (EU) 2019/882 zu bewerten. Für das Web kommen mit V4.1.1 sechs Anforderungen hinzu, die auf den neuen WCAG-2.2-Erfolgskriterien der Stufen A und AA beruhen: 9.2.4.11 Focus not obscured (minimum), 9.2.5.7 Dragging movements, 9.2.5.8 Target size (minimum), 9.3.2.6 Consistent help, 9.3.3.7 Redundant entry und 9.3.3.8 Accessible authentication (minimum). Die drei neuen Kriterien der Stufe AAA sind keine Anforderungen; sie sind in Klausel 9.5 nur zur Information aufgeführt. Die Anforderung 9.4.1.1 Parsing ist als „Void“ gekennzeichnet, weil WCAG 2.2 das Erfolgskriterium 4.1.1 entfernt hat. Neu sind außerdem Klauseln zu Nutzereinstellungen für Webseiten (9.7) und für Nicht-Web-Dokumente (10.7). ## Rechtlicher Status EN 301 549 ist eine freiwillige Norm, kein Gesetz. Rechtliche Bedeutung erhält sie über die Konformitätsvermutung: Wer eine harmonisierte Norm erfüllt, deren Fundstelle im Amtsblatt der Europäischen Union veröffentlicht ist, für den wird vermutet, dass er auch die entsprechenden gesetzlichen Anforderungen erfüllt. In Deutschland funktionieren die BITV 2.0 für öffentliche Stellen des Bundes (§ 3 Absatz 2) und das BFSG für Unternehmen (§ 4) auf diese Weise. Bislang sind zwei Fassungen zitiert worden, beide unter der Richtlinie (EU) 2016/2102. V2.1.2 wurde durch den Durchführungsbeschluss (EU) 2018/2048 vom 20. Dezember 2018 zitiert. V3.2.1 wurde durch den Durchführungsbeschluss (EU) 2021/1339 zitiert, der am 12. August 2021 im Amtsblatt veröffentlicht wurde und am selben Tag in Kraft trat. Derselbe Beschluss hat V2.1.2 mit Wirkung zum 12. Februar 2022 aus der Liste gestrichen. Nach Angaben der Europäischen Kommission beruht V3.2.1 auf WCAG 2.1. V4.1.1 ist noch nicht zitiert. Nach ihrem Vorwort entsteht eine Konformitätsvermutung mit der Richtlinie (EU) 2019/882 erst, wenn sie im Amtsblatt zitiert ist. Am 7. September 2026 hat das AccessibleEU-Zentrum der Europäischen Kommission bestätigt, dass bis dahin V3.2.1 der Bezugspunkt bleibt und mit der Veröffentlichung keine neue Frist zur Einhaltung verbunden ist. Ein offizieller Termin für die Zitierung ist nicht bekannt gegeben. ## Versionsgeschichte Nach der Versionstabelle der Norm sind folgende Fassungen veröffentlicht worden: V1.1.1 (Februar 2014), V1.1.2 (April 2015), V2.1.2 (August 2018), V3.1.1 (November 2019), V3.2.1 (März 2021) und V4.1.1 (September 2026). Der Entwurf V4.1.0 durchlief zwei Stufen des Annahmeverfahrens, vom 13. November 2025 bis 11. Februar 2026 und vom 25. Juni bis 24. August 2026. ## Verwandte Seiten Wie EN 301 549 in der Praxis angewendet wird, beschreibt die [Themenseite zur EN 301 549](/accessibility/gesetze/en-301-549). Verwandte Faktenseiten: die [Faktenseite zu WCAG 2.2](/fakten/wcag-2-2), die [Faktenseite zu den WCAG](/fakten/wcag), die [Faktenseite zum BFSG](/fakten/bfsg) und die [Faktenseite zur BITV 2.0](/fakten/bitv). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung EN 301 549 ist nicht dasselbe wie die WCAG. Die WCAG sind eine W3C-Empfehlung für Webinhalte. EN 301 549 ist eine europäische Norm, die auf den Erfolgskriterien der WCAG aufbaut und zusätzlich Hardware, Echtzeitkommunikation, Video, Informationen über Produkte und Dienstleistungen sowie den Zugang zu Vermittlungs- und Notrufdiensten abdeckt. Veröffentlichung ist nicht Zitierung. V4.1.1 ist veröffentlicht, aber erst die Zitierung im Amtsblatt der Europäischen Union verleiht ihr eine Konformitätsvermutung. Die nationalen Umsetzungstermine in der Norm (etwa der 30. November 2026) sind Fristen für nationale Normungsorganisationen, nicht der Termin der Zitierung. „Beruht auf WCAG 2.2" heißt nicht, dass alle neun neuen Kriterien aus WCAG 2.2 Anforderungen sind. Die drei Kriterien der Stufe AAA sind nur zur Information aufgeführt. ## Häufige Fragen ### Welche Fassung der EN 301 549 gilt? Rechtlich die Fassung V3.2.1 vom März 2021, die auf WCAG 2.1 auf Stufe AA beruht. Die neuere Fassung V4.1.1 vom September 2026 beruht auf WCAG 2.2, trägt aber erst nach ihrer Zitierung im Amtsblatt der Europäischen Union eine Konformitätsvermutung. Nach Angaben des AccessibleEU-Zentrums der Europäischen Kommission war das am 7. September 2026 noch nicht geschehen. ### Gibt es wegen V4.1.1 eine neue Frist? Nein. Nach Angaben des AccessibleEU-Zentrums ist mit der Veröffentlichung von V4.1.1 keine neue Frist zur Einhaltung verbunden. ### Welche WCAG-2.2-Kriterien sind in V4.1.1 neue Anforderungen? Für das Web sechs: Focus not obscured (minimum), Dragging movements, Target size (minimum), Consistent help, Redundant entry und Accessible authentication (minimum). Die Anforderung 9.4.1.1 Parsing entfällt. ### Kostet die EN 301 549 Geld? Nein. ETSI stellt die Norm als kostenlosen PDF-Download bereit. ## Referenzen - [Offizielle Website](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf) - [https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf) - [https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf) ## Quellen - [EN 301 549 V4.1.1 (2026-09), Accessibility requirements for ICT products and services](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf), ETSI, CEN, CENELEC, 2026-09-01T00:00:00.000000Z - [EN 301 549 V3.2.1 (2021-03), Accessibility requirements for ICT products and services](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf), ETSI, CEN, CENELEC, 2021-03-01T00:00:00.000000Z - [The European accessibility standard EN 301 549 has been updated](https://accessible-eu-centre.ec.europa.eu/content-corner/news/european-accessibility-standard-en-301-549-has-been-updated-2026-09-07_en), AccessibleEU, Europäische Kommission, 2026-09-07T00:00:00.000000Z - [Web accessibility directive: standards and harmonisation](https://digital-strategy.ec.europa.eu/en/policies/web-accessibility-directive-standards-and-harmonisation), Europäische Kommission, 2025-05-05T00:00:00.000000Z - [Durchführungsbeschluss (EU) 2021/1339 der Kommission vom 11. August 2021 in Bezug auf die harmonisierte Norm für Websites und mobile Anwendungen](https://eur-lex.europa.eu/eli/dec_impl/2021/1339/oj), Europäische Kommission, Amtsblatt der Europäischen Union (OJ L 289, 12.8.2021), 2021-08-12T00:00:00.000000Z *Zuletzt geprüft am 16. September 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/fakten # Fakten Belegte Angaben zu den Gesetzen, Normen und Begriffen der digitalen Barrierefreiheit > Faktenseiten mit belegten Angaben zu BFSG, BITV 2.0, WCAG, WCAG 2.2, Bußgeldern und zur sitebrunch GmbH. Jede Seite nennt ihre Quellen und ihr Prüfdatum. Die folgenden Seiten sind Faktenseiten. Jede stellt geprüfte Angaben zu genau einem Thema zusammen, nennt ihre Quellen und weist ein Prüfdatum aus. Sie sind vom übrigen Inhalt dieser Website getrennt, der werbliche und beschreibende Aussagen enthalten kann. ## Verfügbare Faktenseiten - [Faktenseite zur sitebrunch GmbH](/fakten/sitebrunch-gmbh): Angaben zu Sitz, Rechtsform, Geschäftsführung, Handelsregister und Tätigkeitsfeld des Unternehmens. - [Faktenseite zum BFSG](/fakten/bfsg): Angaben dazu, seit wann das Barrierefreiheitsstärkungsgesetz gilt, für wen es gilt und was es verlangt. - [Faktenseite zu den WCAG](/fakten/wcag): Angaben zu Herausgeber, Aufbau und Konformitätsstufen der Web Content Accessibility Guidelines. - [Faktenseite zur BITV 2.0](/fakten/bitv): Angaben dazu, wen die Barrierefreie-Informationstechnik-Verordnung verpflichtet, welche Standards gelten und welche Fristen gelaufen sind. - [Faktenseite zu WCAG 2.2](/fakten/wcag-2-2): Angaben zu den neun neuen Erfolgskriterien, zum Wegfall von 4.1.1 Parsing und zum rechtlichen Status der Fassung. - [Faktenseite zu Bußgeldern nach dem BFSG](/fakten/bussgelder): Angaben zu den Beträgen aus § 37 BFSG, zur Zumessung nach dem OWiG und dazu, wo gar kein Bußgeld droht. - [Faktenseite zum sitebrunch BFSG-Audit](/fakten/bfsg-audit): Angaben zu Prüfumfang, Ablauf, Prüfbericht und zu dem, was das Werkzeug nicht leistet. - [Faktenseite zur EN 301 549](/fakten/en-301-549): Angaben dazu, was die europäische Norm abdeckt, was sich mit der Fassung V4.1.1 geändert hat und welche Fassung rechtlich maßgeblich ist. --- source: https://www.sitebrunch.com/fakten/wcag-2-2 # WCAG 2.2 *Auch bekannt als: Web Content Accessibility Guidelines 2.2* WCAG 2.2 ist die aktuelle Fassung der Web Content Accessibility Guidelines des World Wide Web Consortium. Sie ergänzt WCAG 2.1 um neun Erfolgskriterien und entfernt ein bestehendes. Sie hebt WCAG 2.0 und WCAG 2.1 nicht auf. Rechtlich gefordert ist sie in Deutschland und der EU derzeit nicht, weil die im Amtsblatt der Europäischen Union zitierte harmonisierte Norm EN 301 549 V3.2.1 auf WCAG 2.1 beruht. Die im September 2026 veröffentlichte Nachfolgefassung EN 301 549 V4.1.1 beruht auf WCAG 2.2, ist aber noch nicht im Amtsblatt zitiert. ## Fakten im Überblick - **Herausgeber:** World Wide Web Consortium (W3C) ([Quelle](https://www.w3.org/TR/WCAG22/)) - **Status:** W3C Recommendation ([Quelle](https://www.w3.org/TR/WCAG22/)) - **Erstveröffentlichung:** 5. Oktober 2023 ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/)) - **Aktuelle Fassung:** 12. Dezember 2024 ([Quelle](https://www.w3.org/TR/WCAG22/)) - **Neue Erfolgskriterien gegenüber WCAG 2.1:** neun ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/)) - **Entfallenes Erfolgskriterium:** 4.1.1 Parsing, in WCAG 2.2 als überholt eingestuft und entfernt ([Quelle](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/)) - **Umfang:** 86 Erfolgskriterien, davon 31 auf Stufe A, 24 auf Stufe AA und 31 auf Stufe AAA ([Quelle](https://www.w3.org/TR/WCAG22/)) - **ISO-Norm:** ISO/IEC 40500:2025, angenommen am 21. Oktober 2025, inhaltsgleich mit der Fassung vom 5. Oktober 2023 ([Quelle](https://www.w3.org/WAI/news/2025-10-21/wcag22-iso)) - **Harmonisierte Norm im Amtsblatt der EU:** EN 301 549 V3.2.1, harmonisiert am 12. August 2021, beruht auf WCAG 2.1 ([Quelle](https://digital-strategy.ec.europa.eu/en/policies/web-accessibility-directive-standards-and-harmonisation)) - **Nachfolgefassung EN 301 549 V4.1.1:** veröffentlicht September 2026, angenommen am 24. August 2026, beruht auf WCAG 2.2 (für Webseiten sind die sechs neuen Kriterien der Stufen A und AA Anforderungen, die drei der Stufe AAA nicht), noch nicht im Amtsblatt der EU zitiert ([Quelle](https://accessible-eu-centre.ec.europa.eu/content-corner/news/european-accessibility-standard-en-301-549-has-been-updated-2026-09-07_en)) - **Rechtliche Verbindlichkeit:** derzeit nicht über die harmonisierte Norm gefordert; maßgeblich bleibt WCAG 2.1 auf Stufe AA, bis EN 301 549 V4.1.1 im Amtsblatt zitiert ist ([Quelle](https://accessible-eu-centre.ec.europa.eu/content-corner/news/european-accessibility-standard-en-301-549-has-been-updated-2026-09-07_en)) ## Die neun neuen Erfolgskriterien **2.4.11 Focus Not Obscured (Minimum), Stufe AA.** Erhält ein Bedienelement den Tastaturfokus, darf es nicht vollständig durch vom Autor erstellte Inhalte verdeckt sein. **2.4.12 Focus Not Obscured (Enhanced), Stufe AAA.** Dieselbe Anforderung in strengerer Form: Kein Teil des fokussierten Bedienelements darf durch vom Autor erstellte Inhalte verdeckt sein. **2.4.13 Focus Appearance, Stufe AAA.** Ist der Tastaturfokus sichtbar, muss die Fläche des Fokusindikators mindestens so groß sein wie ein zwei CSS-Pixel dicker Rahmen um das nicht fokussierte Element, und das Kontrastverhältnis zwischen fokussiertem und nicht fokussiertem Zustand muss mindestens 3:1 betragen. Ausnahmen gelten unter anderem, wenn der Fokusindikator vom Nutzeragenten bestimmt wird und nicht angepasst werden kann. **2.5.7 Dragging Movements, Stufe AA.** Jede Funktion, die über eine Ziehbewegung bedient wird, muss auch mit einem einzelnen Zeiger ohne Ziehen erreichbar sein. Ausgenommen sind Fälle, in denen das Ziehen essenziell ist oder die Funktion vom Nutzeragenten bestimmt und vom Autor nicht verändert wird. **2.5.8 Target Size (Minimum), Stufe AA.** Die Zielfläche für Zeigereingaben beträgt mindestens 24 mal 24 CSS-Pixel. Ausnahmen bestehen unter anderem für kleinere Ziele mit ausreichendem Abstand, für gleichwertige Bedienelemente auf derselben Seite und für essenzielle Fälle. **3.2.6 Consistent Help, Stufe A.** Wiederholen sich Hilfsmechanismen über mehrere Seiten einer Seitengruppe, erscheinen sie in derselben Reihenfolge relativ zum übrigen Seiteninhalt. Gemeint sind menschliche Kontaktdaten, ein menschlicher Kontaktweg, eine Selbsthilfeoption und ein vollautomatisierter Kontaktweg. **3.3.7 Redundant Entry, Stufe A.** Informationen, die im selben Vorgang bereits eingegeben oder bereitgestellt wurden und erneut verlangt werden, sind automatisch auszufüllen oder zur Auswahl anzubieten. Ausgenommen sind Fälle, in denen die erneute Eingabe essenziell ist, der Sicherheit dient oder die früheren Angaben nicht mehr gültig sind. **3.3.8 Accessible Authentication (Minimum), Stufe AA.** In keinem Schritt eines Authentifizierungsvorgangs darf ein kognitiver Funktionstest verlangt werden, etwa das Erinnern eines Passworts oder das Lösen eines Rätsels. Ausnahmen bestehen unter anderem, wenn eine alternative Authentifizierungsmethode ohne kognitiven Funktionstest angeboten wird oder ein Mechanismus zur Verfügung steht, der beim Bestehen des Tests hilft. **3.3.9 Accessible Authentication (Enhanced), Stufe AAA.** Dieselbe Anforderung, jedoch nur mit den beiden Ausnahmen Alternative und unterstützender Mechanismus. ## Was mit 4.1.1 Parsing geschehen ist Das Erfolgskriterium 4.1.1 Parsing aus WCAG 2.0 und WCAG 2.1 ist in WCAG 2.2 als überholt eingestuft und aus dem Standard entfernt worden. Es verlangte, dass Markup korrekt verschachtelt ist, eindeutige IDs verwendet und Start- und End-Tags vollständig sind. Der Standard weist ausdrücklich darauf hin, dass Autorinnen und Autoren, die aufgrund einer rechtlichen Vorgabe WCAG 2.0 oder WCAG 2.1 einhalten müssen, ihre Inhalte zwar auf WCAG 2.2 aktualisieren können, 4.1.1 aber möglicherweise weiterhin prüfen und berichten müssen. Für den deutschen und europäischen Rechtsrahmen ist das der Regelfall, weil dort weiterhin WCAG 2.1 maßgeblich ist. ## Warum die Nummerierung ungewohnt aussieht Die neuen Erfolgskriterien sind jeweils ans Ende der Richtlinie angehängt worden, zu der sie gehören, statt an inhaltlich passender Stelle eingefügt zu werden. Das W3C begründet das mit der Rückwärtskompatibilität: Auf diese Weise behalten alle Erfolgskriterien aus WCAG 2.0 und WCAG 2.1 ihre bekannten Nummern. Deshalb folgt auf 2.4.10 Section Headings direkt 2.4.11 Focus Not Obscured (Minimum), und deshalb stehen die neuen Kriterien zur Authentifizierung unter 3.3.8 und 3.3.9, obwohl sie thematisch wenig mit 3.3.1 bis 3.3.6 zu tun haben. ## Ob WCAG 2.2 rechtlich gefordert ist Derzeit nicht. Weder das BFSG noch die BITV 2.0 nennen die WCAG unmittelbar. Beide knüpfen an harmonisierte Normen an, deren Fundstellen im Amtsblatt der Europäischen Union veröffentlicht worden sind. Nach Angaben der Europäischen Kommission sind bislang zwei Fassungen der EN 301 549 harmonisiert worden: V2.1.2 im Dezember 2018, die inzwischen ersetzt ist und keine Konformitätsvermutung mehr trägt, und V3.2.1 am 12. August 2021. Die derzeit harmonisierte Fassung V3.2.1 beruht auf WCAG 2.1. Im September 2026 haben ETSI, CEN und CENELEC die Nachfolgefassung EN 301 549 V4.1.1 veröffentlicht, angenommen am 24. August 2026. Sie richtet die Klauseln 9, 10 und 11 für Web, Dokumente und Software an WCAG 2.2 aus. Für Webseiten werden die sechs neuen Erfolgskriterien der Stufen A und AA zu Anforderungen; die drei der Stufe AAA sind nur zur Information aufgeführt. Außerdem enthält sie erstmals einen Anhang ZB mit der Zuordnung zu den Anforderungen des European Accessibility Act, Richtlinie (EU) 2019/882. Nach dem Vorwort der Norm entsteht eine Konformitätsvermutung erst, sobald die Fundstelle der Norm im Amtsblatt der Europäischen Union veröffentlicht ist. Das AccessibleEU-Zentrum der Europäischen Kommission hat am 7. September 2026 bestätigt, dass bis dahin EN 301 549 V3.2.1 der maßgebliche Bezugspunkt bleibt. Ein Termin für die Zitierung ist offiziell nicht genannt. Bis dahin bleibt WCAG 2.1 auf Stufe AA der rechtlich maßgebliche Prüfmaßstab. Davon zu trennen ist die fachliche Frage. WCAG 2.2 ist rückwärtskompatibel: Wer WCAG 2.2 auf Stufe AA erfüllt, erfüllt bis auf das entfallene Kriterium 4.1.1 auch WCAG 2.1 auf Stufe AA. Wer neu baut, kann sich an WCAG 2.2 orientieren, ohne den rechtlichen Maßstab zu verfehlen. ## ISO-Norm und Errata Seit dem 21. Oktober 2025 ist WCAG 2.2 auch eine internationale Norm: ISO/IEC 40500:2025. Sie ist nach Angaben des W3C inhaltsgleich mit der Fassung vom 5. Oktober 2023 und bei ISO kostenlos erhältlich. Das W3C erwartet, dass die Fassung vom 12. Dezember 2024 bis Ende 2026 als ISO/IEC 40500:2026 erscheint. Die W3C Recommendation selbst ist seit dem 12. Dezember 2024 unverändert. Das W3C führt eine Errata-Liste, deren jüngste Einträge vom 27. Juni 2025, 28. Oktober 2025 und 17. August 2026 stammen. Alle sind als redaktionell eingestuft. Kein Erfolgskriterium hat sich dadurch inhaltlich geändert. ## Verwandte Seiten Wie sich die WCAG in der Praxis umsetzen lassen, beschreibt die [Themenseite zu den WCAG](/accessibility/gesetze/wcag). Verwandte Faktenseiten: die [Faktenseite zu den WCAG](/fakten/wcag) mit dem Überblick über Aufbau und Konformitätsstufen, die [Faktenseite zur EN 301 549](/fakten/en-301-549), die [Faktenseite zur BITV 2.0](/fakten/bitv) und die [Faktenseite zum BFSG](/fakten/bfsg). Alle Faktenseiten im Überblick zeigt die [Fakten-Übersicht](/fakten). ## Abgrenzung WCAG 2.2 hebt WCAG 2.1 und WCAG 2.0 nicht auf. Alle drei sind gleichzeitig gültige W3C-Empfehlungen. Eine höhere Versionsnummer macht die früheren Fassungen nicht ungültig. WCAG 2.2 ist nicht WCAG 3. WCAG 3 ist ein eigener, in Arbeit befindlicher Entwurf mit anderem Aufbau und nicht Gegenstand dieser Seite. Die neun neuen Erfolgskriterien liegen nicht alle auf Stufe AA. Zwei liegen auf Stufe A, vier auf Stufe AA und drei auf Stufe AAA. Für eine Prüfung nach Stufe AA sind daher sechs der neun neuen Kriterien einschlägig. Der Wegfall von 4.1.1 Parsing bedeutet nicht, dass fehlerhaftes Markup unerheblich geworden ist. Andere Erfolgskriterien, etwa 4.1.2 Name, Role, Value, stellen weiterhin Anforderungen an die technische Umsetzung. ## Häufige Fragen ### Muss ich WCAG 2.2 einhalten? Rechtlich derzeit nicht. Die im Amtsblatt der Europäischen Union zitierte harmonisierte Norm EN 301 549 V3.2.1 beruht auf WCAG 2.1. Maßgeblicher Prüfmaßstab bleibt damit WCAG 2.1 auf Stufe AA. Die im September 2026 veröffentlichte Nachfolgefassung EN 301 549 V4.1.1 beruht auf WCAG 2.2, trägt aber erst nach Zitierung im Amtsblatt eine Konformitätsvermutung. Wer neu entwickelt, kann sich dennoch an WCAG 2.2 orientieren, weil der Standard rückwärtskompatibel ist. ### Was ist der Unterschied zwischen WCAG 2.1 und WCAG 2.2? WCAG 2.2 enthält neun zusätzliche Erfolgskriterien und hat ein Kriterium entfernt, 4.1.1 Parsing. Alle übrigen Kriterien sind inhaltlich unverändert. WCAG 2.1 hat 78 Erfolgskriterien, WCAG 2.2 hat 86. ### Welche der neuen Kriterien betreffen eine Prüfung nach Stufe AA? Sechs: 3.2.6 Consistent Help und 3.3.7 Redundant Entry auf Stufe A sowie 2.4.11 Focus Not Obscured (Minimum), 2.5.7 Dragging Movements, 2.5.8 Target Size (Minimum) und 3.3.8 Accessible Authentication (Minimum) auf Stufe AA. Eine Prüfung auf Stufe AA umfasst immer auch alle Kriterien der Stufe A. ### Wann wurde WCAG 2.2 veröffentlicht? Am 5. Oktober 2023 als W3C Recommendation. Die aktuelle Fassung dieser Empfehlung datiert vom 12. Dezember 2024. ## Referenzen - [Offizielle Website](https://www.w3.org/TR/WCAG22/) - [https://www.w3.org/TR/WCAG22/](https://www.w3.org/TR/WCAG22/) - [https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/) ## Quellen - [Web Content Accessibility Guidelines (WCAG) 2.2, W3C Recommendation](https://www.w3.org/TR/WCAG22/), W3C, 2024-12-12T00:00:00.000000Z - [What is New in WCAG 2.2](https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/), W3C Web Accessibility Initiative, 2023-10-05T00:00:00.000000Z - [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/), W3C - [Web accessibility directive: standards and harmonisation](https://digital-strategy.ec.europa.eu/en/policies/web-accessibility-directive-standards-and-harmonisation), Europäische Kommission, 2025-05-05T00:00:00.000000Z - [EN 301 549 V3.2.1 (2021-03), Accessibility requirements for ICT products and services](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf), ETSI, CEN, CENELEC - [EN 301 549 V4.1.1 (2026-09), Accessibility requirements for ICT products and services](https://www.etsi.org/deliver/etsi_en/301500_301599/301549/04.01.01_60/en_301549v040101p.pdf), ETSI, CEN, CENELEC, 2026-09-01T00:00:00.000000Z - [The European accessibility standard EN 301 549 has been updated](https://accessible-eu-centre.ec.europa.eu/content-corner/news/european-accessibility-standard-en-301-549-has-been-updated-2026-09-07_en), AccessibleEU, Europäische Kommission, 2026-09-07T00:00:00.000000Z - [WCAG 2.2 Approved as an ISO Standard](https://www.w3.org/WAI/news/2025-10-21/wcag22-iso), W3C Web Accessibility Initiative, 2025-10-21T00:00:00.000000Z - [WCAG 2 Overview](https://www.w3.org/WAI/standards-guidelines/wcag/), W3C Web Accessibility Initiative - [Web Content Accessibility Guidelines (WCAG) 2.2 Errata](https://www.w3.org/WAI/WCAG22/errata/), W3C, 2026-09-03T00:00:00.000000Z *Zuletzt geprüft am 16. September 2026 von Lukas Schardt.* --- source: https://www.sitebrunch.com/accessibility/pdfs/barrierefreie-dokumente-erstellen # Barrierefreie Dokumente erstellen Berichte, Flyer, Formulare und Briefe, die alle Menschen lesen können, auch mit Screenreader. Kostenlos, ohne Anmeldung und direkt in deinem Browser. > Erstelle barrierefreie Dokumente im Browser: Berichte, Flyer, Formulare und Briefe als getaggtes PDF. Mit Barrierefreiheitsprüfung, kostenlos, ohne Anmeldung. *Für jedes Dokument* ### Ein Werkzeug für alle Dokumente Mit dem sitebrunch PDF-Editor erstellst du barrierefreie Dokumente, ob langer Bericht oder bunter Flyer. Im Schreibmodus arbeitest du wie in einer Textverarbeitung. Im Designmodus ordnest du Elemente frei auf der Seite an. In beiden Modi bekommt jedes Element eine Rolle. Am Ende steht ein getaggtes PDF, das ein Screenreader richtig vorliest. - Schreibmodus für lange Texte - Designmodus für Flyer und Plakate - Getaggtes PDF mit PDF/UA-Struktur ## Was ein Dokument barrierefrei macht Ein barrierefreies Dokument können alle Menschen lesen und bedienen, auch mit Screenreader, Bildschirmlupe oder nur mit der Tastatur. Dafür braucht es: - **Eine klare Struktur:** Der Screenreader erkennt Überschriften, Absätze, Listen und Tabellen. - **Eine sinnvolle Lesereihenfolge:** Der Screenreader liest die Inhalte so vor, wie man sie lesen würde. - **Alt-Texte:** Jedes Bild, das etwas aussagt, hat eine kurze Beschreibung. - **Genug Kontrast:** Text hebt sich deutlich vom Hintergrund ab. - **Beschriftete Formularfelder:** Jedes Feld sagt, was hineingehört. Für PDFs heißt der technische Standard PDF/UA. Der sitebrunch PDF-Editor legt die Struktur an, während du gestaltest. ## Welche Dokumente du erstellen kannst *Schreibmodus* ### Berichte und lange Texte Jahresberichte, Merkblätter oder Handreichungen: Im Schreibmodus fließt der Text über die Seiten wie in einer Textverarbeitung. Das Inhaltsverzeichnis erstellt der Editor automatisch aus deinen Überschriften. - Arbeiten wie in einer Textverarbeitung - Automatisches Inhaltsverzeichnis - Word-Dateien direkt öffnen *Designmodus* ### Flyer und Plakate Im Designmodus ordnest du Texte, Bilder, Formen und Icons frei auf der Seite an. 15 Vorlagen helfen dir beim Start, und der Editor prüft den Kontrast, auch bei Text auf Fotos. - 15 fertig getaggte Vorlagen - Fast 2.000 Schriften und 324 Icons - Kontrast nach WCAG, auch auf Fotos *Ausfüllbar* ### Formulare Anmeldungen, Anträge oder Umfragen mit Textfeldern, mehrzeiligen Textfeldern, Kontrollkästchen, Optionsgruppen und Auswahllisten. Jedes Feld hat eine Beschriftung, die der Screenreader vorliest, und lässt sich im fertigen PDF ausfüllen. - Fünf Feldtypen - Beschriftung, Hinweis und Pflichtfeld - Im fertigen PDF ausfüllbar *Unterschrieben* ### Briefe und Verträge Zeichne deine Unterschrift, tipp sie in einer Handschrift oder füge ein Foto deiner Unterschrift auf Papier ein. Der Editor setzt sie mit Alt-Text ins PDF, zum Beispiel „Unterschrift von Maria Muster“. - Zeichnen, tippen oder als Foto - Mit Alt-Text für Screenreader - Bleibt auf deinem Gerät *Aufgetischt* ### Speisekarten und Aushänge Speisekarten, Preislisten und Aushänge mit Bildern und Tabellen. Die Vorlagen für Café und Restaurant sind schon barrierefrei aufgebaut. Du tauschst nur Gerichte und Preise aus. - Vorlagen für Café und Restaurant - Hochformat, Querformat oder eigenes Format - Fotos mit Alt-Text ## So hilft dir der Editor *Automatisch* ### Automatische Prüfung auf Barrierefreiheit Während du arbeitest, meldet der Editor fehlende Alt-Texte, übersprungene Überschriftenebenen, zu geringen Kontrast und Tabellen ohne Kopfzeile. Ein Klick auf einen Hinweis bringt dich direkt zur Stelle. - Fehler und Warnungen getrennt - Ein Klick bringt dich zur Stelle - Letzte Prüfung vor dem Export *Nachvollziehbar* ### Lesereihenfolge einfach zeichnen Klick im Strukturbaum auf „Lesereihenfolge zeichnen“. Zieh dann mit der Maus eine Linie durch die Elemente, und zwar in der Reihenfolge, in der sie vorgelesen werden sollen. Der Editor nummeriert sie entlang der Linie. - Reihenfolge mit der Maus zeichnen - Nummern direkt auf der Seite - Auch per Tastatur mit Alt und den Pfeiltasten ## Für wen barrierefreie Dokumente wichtig sind *BITV 2.0* #### Öffentliche Stellen Merkblätter, Anträge und Formulare nach BITV 2.0. Mit dem Editor bleiben die Dateien in deinem Browser. *BFSG* #### Unternehmen Seit Juni 2025 gilt das BFSG für bestimmte Produkte und Dienstleistungen für Verbraucherinnen und Verbraucher, etwa Online-Shops. Das kann auch Dokumente betreffen, die zu diesen Angeboten gehören. *Ehrenamt* #### Vereine und Initiativen Einladungen, Programmhefte und Jahresberichte, die alle Mitglieder lesen können. Ganz ohne Kosten für Software oder eine Agentur. ## Welche Regeln für barrierefreie Dokumente gelten Öffentliche Stellen sind durch die BITV 2.0 verpflichtet, ihre Websites, Apps und die dort angebotenen Dokumente barrierefrei zu gestalten. Seit dem 28. Juni 2025 gilt außerdem das [Barrierefreiheitsstärkungsgesetz (BFSG)](https://www.sitebrunch.com/accessibility/gesetze/bfsg) für viele Unternehmen. Beide Vorschriften verweisen auf die europäische Norm EN 301 549 und damit auf die WCAG. Für PDFs kommt PDF/UA als technischer Standard dazu. ## Kostenlos, lokal und privat *Lokal* #### Kein Upload Deine Dokumente bleiben in deinem Browser und landen auf keinem Server. *Kostenlos* #### Ohne Abo und Wasserzeichen Alle Funktionen sind kostenlos, ohne Seitenlimit und ohne Wasserzeichen. *Sofort* #### Keine Anmeldung Kein Konto, keine E-Mail-Adresse. Du öffnest den Editor und legst los. ## So erstellst du ein barrierefreies Dokument *Schritt 1* ### Starten Wähl den Schreib- oder Designmodus oder eine Vorlage. Du kannst auch eine Word-Datei öffnen. *Schritt 2* ### Gestalten und prüfen Während du arbeitest, zeigt dir der Editor, was für die Barrierefreiheit noch fehlt. *Schritt 3* ### Exportieren Lade ein getaggtes PDF mit Strukturbaum, Lesereihenfolge, Titel und Sprache herunter. ### Bereit für dein erstes barrierefreies Dokument? Öffne den PDF-Editor und leg direkt los. Kostenlos, ohne Anmeldung und ohne Upload. [Jetzt loslegen](https://pdf.sitebrunch.com/?utm_source=website&utm_medium=internal&utm_campaign=pdf_editor&utm_content=cta_docs) ## Fragen und Antworten ### Was ist ein barrierefreies Dokument? Ein barrierefreies Dokument können alle Menschen lesen und bedienen, auch mit Screenreader, Bildschirmlupe oder nur mit der Tastatur. Dafür braucht es eine klare Struktur, eine sinnvolle Lesereihenfolge, Alt-Texte für Bilder, genug Kontrast und beschriftete Formularfelder. ### Welche Dokumente müssen barrierefrei sein? Öffentliche Stellen müssen ihre Websites, Apps und die dort angebotenen Dokumente nach BITV 2.0 barrierefrei gestalten. Für viele Unternehmen gilt seit Juni 2025 das BFSG, etwa für Online-Shops. Das kann auch Dokumente betreffen, die zu diesen Angeboten gehören. ### Reicht ein barrierefreies Word-Dokument? Nicht ganz. Wenn du ein gut aufgebautes Word-Dokument als PDF weitergibst, muss auch das PDF getaggt sein. Wie das klappt, erfährst du unter [Word in barrierefreies PDF umwandeln](https://www.sitebrunch.com/accessibility/pdfs/word-in-barrierefreies-pdf). ### Kann ich Formulare erstellen, die man am Bildschirm ausfüllt? Ja. Der Editor bietet Textfelder, mehrzeilige Textfelder, Kontrollkästchen, Optionsgruppen und Auswahllisten. Jedes Feld hat eine Beschriftung, die der Screenreader vorliest, und lässt sich im fertigen PDF ausfüllen. ### Ist die Unterschrift rechtsgültig? Sie ist eine einfache elektronische Unterschrift. Für viele Angebote, Aufträge und Verträge schreibt das Gesetz keine bestimmte Form vor. Wo es die Schriftform verlangt, reicht sie nicht, zum Beispiel bei der Kündigung eines Arbeitsvertrags oder bei einer Bürgschaft. ### Werden meine Dokumente hochgeladen? Nein. Der Editor läuft vollständig in deinem Browser und speichert deine Projekte lokal. So kannst du auch Dokumente mit persönlichen oder vertraulichen Daten bearbeiten. ### Gibt es Vorlagen wie in Canva? Ja, 15 Vorlagen für Flyer, Plakate, Speisekarten, Einladungen und Karten, alle schon barrierefrei aufgebaut. Mehr dazu: [Canva-Alternative für barrierefreie PDFs](https://www.sitebrunch.com/accessibility/pdfs/canva-alternative). ### Was kann der PDF-Editor noch? Alle Funktionen für Struktur, Lesereihenfolge, Alt-Texte und die automatische Prüfung findest du auf der Seite [Barrierefreier PDF-Editor](https://www.sitebrunch.com/accessibility/pdfs/barrierefreier-pdf-editor). --- source: https://www.sitebrunch.com/accessibility/pdfs/barrierefreier-pdf-editor # Barrierefreie PDFs erstellen, kostenlos im Browser Gestalte Flyer, Berichte und Formulare, die auch ein Screenreader richtig vorliest. Während du gestaltest, legt der Editor die Struktur an und zeigt dir sofort, wo noch etwas fehlt. > Gestalte barrierefreie PDFs im Browser: Struktur-Tags, Lesereihenfolge, Alt-Texte, Formulare und Prüfung nach WCAG. Kostenlos und ohne Anmeldung. *Kostenlos* ### Barrierefrei ab dem ersten Element Mit dem sitebrunch PDF-Editor gestaltest du PDFs direkt im Browser. Jedes Element bekommt eine Rolle, zum Beispiel Überschrift, Absatz, Bild oder Tabelle. Beim Export entsteht daraus ein getaggtes PDF mit Strukturbaum, Lesereihenfolge, Titel und Dokumentsprache. Du brauchst kein Konto, und deine Dateien bleiben auf deinem Gerät. - Getaggtes PDF mit PDF/UA-Struktur - Automatische Prüfung auf Barrierefreiheit - Ohne Konto und ohne Upload ## Was ein PDF barrierefrei macht Ein Screenreader liest ein PDF nicht so, wie es aussieht, sondern anhand seiner Struktur. Fehlt die Struktur, hört man nur eine ungeordnete Folge von Wörtern. Ein barrierefreies PDF braucht deshalb fünf Dinge: - **Tags:** Jedes Element ist als Überschrift, Absatz, Liste, Tabelle oder Bild ausgezeichnet. - **Lesereihenfolge:** Die Inhalte werden in einer sinnvollen Reihenfolge vorgelesen, auch bei mehreren Spalten. - **Alt-Texte:** Jedes Bild, das etwas aussagt, hat eine kurze Beschreibung. Rein dekorative Elemente liest der Screenreader nicht vor. - **Kontrast:** Text hebt sich deutlich genug vom Hintergrund ab. - **Titel und Sprache:** Im Dokument sind Titel und Sprache hinterlegt. So sagt der Screenreader den Titel an und spricht die Wörter richtig aus. Der technische Standard dafür heißt PDF/UA (ISO 14289). Der PDF-Editor hilft dir bei allen fünf Punkten. ## Alles, was du für barrierefreie PDFs brauchst *Strukturiert* ### Struktur-Tags und Strukturbaum Jedes Element bekommt eine Rolle: Überschrift, Absatz, Liste, Tabelle, Bild oder dekoratives Element. Im Strukturbaum siehst du jederzeit, wie ein Screenreader dein Dokument erfasst. - Überschriften von H1 bis H6 - Listen, Tabellen und Zitate - Dekorative Elemente liest der Screenreader nicht vor *Nachvollziehbar* ### Lesereihenfolge sehen und zeichnen Wenn du die Lesereihenfolge einblendest, steht an jedem Element eine Nummer. So siehst du sofort, ob ein Screenreader die Spalten in der richtigen Reihenfolge vorliest. Stimmt etwas nicht, zeichnest du die Reihenfolge neu: Zieh mit der Maus eine Linie durch die Elemente. Der Editor nummeriert sie dann entlang der Linie. - Eine Nummer an jedem Element - Reihenfolge mit der Maus zeichnen - Auch per Tastatur mit Alt und den Pfeiltasten *Beschrieben* ### Alt-Texte für Bilder Für jedes Bild ist ein Alt-Text Pflicht. Beschreibe, was darauf zu sehen ist, oder markiere es als dekorativ. Dekorative Bilder liest der Screenreader nicht vor. - Alt-Text als Pflichtfeld - Bilder als dekorativ markieren - Fehlende Alt-Texte meldet die Prüfung *Übersichtlich* ### Tabellen mit Kopfzeile Tabellen bekommen eine echte Kopfzeile, auf Wunsch auch eine Kopfspalte. So weiß ein Screenreader bei jeder Zelle, zu welcher Zeile und Spalte sie gehört. - Kopfzeile und Kopfspalte - Beschriftung für jede Tabelle - Saubere Tags von THead bis TD *Geprüft* ### Automatische Prüfung auf Barrierefreiheit Der Editor prüft dein Dokument, während du arbeitest. Er findet fehlende Alt-Texte, übersprungene Überschriftenebenen, zu geringen Kontrast und Tabellen ohne Kopfzeile. Ein Klick auf einen Hinweis bringt dich direkt zur Stelle. - Kontrast nach WCAG, auch auf Bildern - Fehler und Warnungen getrennt - Ein Klick bringt dich zur Stelle *Ausfüllbar* ### Barrierefreie Formulare Füge Textfelder, mehrzeilige Textfelder, Kontrollkästchen, Optionsgruppen und Auswahllisten ein. Jedes Feld hat eine Beschriftung, die der Screenreader vorliest. Im fertigen PDF lassen sich die Felder direkt ausfüllen. - Fünf Feldtypen - Beschriftung, Hinweis und Pflichtfeld - Im fertigen PDF ausfüllbar *Vollständig* ### Export mit letzter Prüfung Vor dem Export siehst du alle offenen Fehler und Warnungen. Fehler kannst du beheben oder bewusst übergehen. Das fertige PDF enthält Strukturbaum, Titel, Sprache, eingebettete Schriften und Lesezeichen aus deinen Überschriften. - Letzte Prüfung vor dem Export - Titel, Sprache und Lesezeichen - Alle Schriften eingebettet *Vorlagen* ### 15 Vorlagen, fertig getaggt Flyer, Plakate, Speisekarten, Einladungen und Faltblätter: Alle Vorlagen sind schon sauber strukturiert. Du tauschst nur Texte und Bilder aus. Für Berichte und lange Texte gibt es den Schreibmodus. Er funktioniert wie eine Textverarbeitung und erstellt das Inhaltsverzeichnis automatisch. - Flyer, Plakate und Speisekarten - Schreibmodus für lange Texte - Von A6 bis A3, Letter oder eigenes Format ## So funktioniert der PDF-Editor *Schritt 1* ### Starten Beginne mit einer Vorlage, einer leeren Seite, einem vorhandenen PDF oder einer Word-Datei. *Schritt 2* ### Gestalten und prüfen Während du gestaltest, prüft der Editor die Barrierefreiheit. Jeder Hinweis zeigt dir, was fehlt. Ein Klick bringt dich direkt zur Stelle. *Schritt 3* ### Exportieren Vor dem Export siehst du alle offenen Punkte noch einmal. Dann lädst du dein getaggtes PDF herunter. ## Für wen der PDF-Editor gemacht ist *Vereine* #### Vereine und Initiativen Einladungen, Programmhefte und Jahresberichte, die alle Mitglieder lesen können. Ganz ohne Kosten für Software oder eine Agentur. *Gastronomie* #### Gastronomie und Handel Speisekarten, Flyer und Gutscheine, die auch ein Screenreader richtig vorliest. Passende Vorlagen gibt es schon. *Verwaltung* #### Öffentliche Stellen Merkblätter, Anträge und Formulare nach BITV 2.0. Die Dateien bleiben im Browser und landen auf keinem fremden Server. ## PDF-Editor vs. nachträgliches Taggen Die meisten PDFs werden erst gestaltet und danach barrierefrei gemacht. Das nachträgliche Taggen, etwa in Adobe Acrobat Pro, kostet Zeit und Fachwissen. Im sitebrunch PDF-Editor entsteht die Struktur direkt beim Gestalten. Merkmal sitebrunch PDF-Editor Nachträglich taggen, z. B. in Acrobat Pro **Struktur** Entsteht beim Gestalten, Element für Element Wird am fertigen PDF ergänzt **Lesereihenfolge** Direkt im Strukturbaum festlegen Nachträglich im Tag-Baum sortieren **Prüfung** Prüft laufend, während du gestaltest Meist ein eigener Arbeitsschritt am Ende **Kosten** Kostenlos Kostenpflichtiges Abo **Anmeldung** Nicht nötig Adobe-Konto nötig Du hast schon viele fertige PDFs? Dann prüfe sie mit der [PDF-Prüfung von sitebrunch](https://www.sitebrunch.com/accessibility/pdfs) nach PDF/UA und WCAG. ## Welche Gesetze barrierefreie PDFs verlangen Seit dem 28. Juni 2025 gilt in Deutschland das [Barrierefreiheitsstärkungsgesetz (BFSG)](https://www.sitebrunch.com/accessibility/gesetze/bfsg). Es umfasst bestimmte Produkte und Dienstleistungen für Verbraucherinnen und Verbraucher und kann auch Dokumente betreffen. Öffentliche Stellen müssen ihre Websites, Apps und die dort angebotenen Dokumente schon länger nach der BITV 2.0 barrierefrei gestalten. Beide Vorschriften verweisen auf die europäische Norm EN 301 549 und damit auf die WCAG. Für PDFs kommt PDF/UA als technischer Standard dazu. Der PDF-Editor hilft dir, sie schon beim Gestalten zu erfüllen. ### Bereit für dein erstes barrierefreies PDF? Öffne den PDF-Editor und leg direkt los. Kostenlos, ohne Anmeldung und ohne Upload. [Jetzt loslegen](https://pdf.sitebrunch.com/?utm_source=website&utm_medium=internal&utm_campaign=pdf_editor&utm_content=cta_editor) ## Fragen und Antworten ### Was ist ein barrierefreies PDF? Ein barrierefreies PDF können alle Menschen lesen, auch mit Screenreader, Bildschirmlupe oder nur mit der Tastatur. Dafür braucht es Tags für jedes Element, eine logische Lesereihenfolge, Alt-Texte für Bilder, ausreichenden Kontrast, einen Dokumenttitel und eine Dokumentsprache. Der technische Standard dafür heißt PDF/UA (ISO 14289). ### Ist der PDF-Editor wirklich kostenlos? Ja. Der sitebrunch PDF-Editor ist kostenlos und braucht keine Anmeldung. Es gibt kein Wasserzeichen und kein Seitenlimit. ### Erfüllt ein PDF aus dem Editor automatisch PDF/UA? Der Editor exportiert getaggte PDFs mit allem, was PDF/UA technisch verlangt: Strukturbaum, Lesereihenfolge, Titel, Sprache, eingebettete Schriften und als dekorativ markierte Elemente. Ob ein Dokument den Standard ganz erfüllt, hängt aber auch vom Inhalt ab, etwa von aussagekräftigen Alt-Texten. Prüfe dein PDF deshalb vor der Veröffentlichung mit der [PDF-Prüfung von sitebrunch](https://www.sitebrunch.com/accessibility/pdfs). ### Was prüft der Editor? Der Editor findet fehlende Alt-Texte, übersprungene Überschriftenebenen, eine fehlende H1, Tabellen ohne Kopfzeile, zu geringen Kontrast nach WCAG, einen fehlenden Titel oder eine fehlende Sprache, leere Absätze, Elemente, deren Rolle du noch nicht bestätigt hast, und QR-Codes ohne Beschreibung. ### Kann ich ein bestehendes PDF barrierefrei machen? Ja, du kannst jedes PDF im Editor öffnen. Hat es schon Tags, übernimmt der Editor die Struktur. Hat es keine, erkennt der Editor Überschriften an der Schriftgröße. Prüf diese Überschriften vor dem Export. Für viele PDFs auf einmal eignet sich die [PDF-Prüfung von sitebrunch](https://www.sitebrunch.com/accessibility/pdfs). Sie findet alle PDFs auf deiner Website und prüft sie nach PDF/UA und WCAG. ### Kann ich barrierefreie Formulare erstellen? Ja. Der Editor bietet Textfelder, mehrzeilige Textfelder, Kontrollkästchen, Optionsgruppen und Auswahllisten. Jedes Feld hat eine Beschriftung, die der Screenreader vorliest, und lässt sich im fertigen PDF ausfüllen. Kommentare einfügen oder PDFs zusammenführen und aufteilen kannst du im Editor nicht. ### Werden meine Dateien hochgeladen? Nein. Der Editor läuft vollständig in deinem Browser und speichert deine Projekte lokal. Nur die Schriften lädt der Editor von einem Schriftanbieter aus der EU. ### Kann ich vertrauliche Dokumente oder personenbezogene Daten bearbeiten? Ja. Deine Dokumente verlassen deinen Browser nicht. Der Editor lädt sie auf keinen Server hoch, deshalb sehen und speichern wir ihre Inhalte nicht. Das gilt auch für Verträge, Bewerbungen oder andere Unterlagen mit persönlichen Daten. ### Gibt es den Editor auch auf Englisch? Ja. Die Oberfläche gibt es auf Deutsch und Englisch. Neue Dokumente bekommen automatisch die Sprache der Oberfläche als Dokumentsprache. ### Kann ich Word-Dateien in barrierefreie PDFs umwandeln? Ja. Öffne deine DOCX-Datei im Editor. Überschriften, Listen, Tabellen und Alt-Texte werden übernommen. Mehr dazu: [Word in barrierefreies PDF umwandeln](https://www.sitebrunch.com/accessibility/pdfs/word-in-barrierefreies-pdf). ### Gibt es Vorlagen wie in Canva? Ja, 15 Vorlagen für Flyer, Plakate, Speisekarten, Einladungen und Karten, alle schon barrierefrei aufgebaut. Mehr dazu: [Canva-Alternative für barrierefreie PDFs](https://www.sitebrunch.com/accessibility/pdfs/canva-alternative). ### Welche Dokumente kann ich damit erstellen? Berichte, Flyer, Formulare, Briefe mit Unterschrift, Speisekarten und vieles mehr. Einen Überblick findest du unter [Barrierefreie Dokumente erstellen](https://www.sitebrunch.com/accessibility/pdfs/barrierefreie-dokumente-erstellen). --- source: https://www.sitebrunch.com/accessibility/pdfs/canva-alternative # Die Canva-Alternative für barrierefreie PDFs Gestalte Flyer, Plakate und Speisekarten so einfach wie in Canva. Mit eingebauter Barrierefreiheit, kostenlos, ohne Anmeldung und komplett in deinem Browser. > Gestalte Flyer und Plakate wie in Canva, mit eingebauter Barrierefreiheit. Kostenlos, ohne Anmeldung und komplett in deinem Browser. *Kostenlos* ### Gestalten wie in Canva, barrierefrei exportieren Im sitebrunch PDF-Editor gestaltest du frei auf der Seite, mit Vorlagen, Schriften, Icons, Formen und Bildern. Der Unterschied zu Canva: Barrierefreiheit ist direkt eingebaut. Jedes Element bekommt eine Rolle wie Überschrift, Absatz oder Bild, und während du gestaltest, prüft der Editor Kontraste und Alt-Texte. Am Ende steht ein getaggtes PDF, das Screenreader richtig vorlesen. - Vorlagen, Schriften, Icons und Formen - Barrierefreiheit direkt eingebaut - Kostenlos, lokal und ohne Anmeldung ## Alles, was du aus Canva kennst *Startklar* ### 15 Vorlagen zum Anpassen Flyer, Plakate, Speisekarten, Faltblätter, Einladungen, Karten und Gutscheine. Wähle eine Vorlage, tausche Texte und Bilder aus und passe Farben und Schriften an. - Nach Anlass sortiert - Von A6 bis A3 oder im eigenen Format - Jede Vorlage ist schon barrierefrei aufgebaut *Vielfältig* ### Große Schriftbibliothek und Icons Wähle aus fast 2.000 Schriften, sortiert nach Sans, Serif, Display, Handschrift und Mono. Dazu kommen 324 Icons, Formen wie Linie, Pfeil, Rechteck und Kreis, Bilder, Tabellen und QR-Codes. - Fast 2.000 Schriften - 324 Icons zum Durchsuchen - Formen, Bilder, Tabellen und QR-Codes ## Frei anordnen, wie du es gewohnt bist *Flexibel* #### Ebenen und Anordnung Bring Elemente nach vorne oder schieb sie nach hinten, dreh, kopier und sperr sie. Deckkraft und Eckenradius stellst du pro Element ein. *Schnell* #### Tastenkürzel und Rückgängig-Funktion Verschiebe Elemente mit den Pfeiltasten. Mit Strg oder ⌘ und den Pfeiltasten änderst du ihre Größe. Jeder Schritt lässt sich rückgängig machen. *Mehrseitig* #### Seiten und Tabellen Füge weitere Seiten hinzu, verbinde Tabellenzellen und setze Formularfelder oder eine Unterschrift direkt ins Dokument. ## Mit eingebauter Barrierefreiheit Canva kümmert sich um das Aussehen. Der sitebrunch PDF-Editor sorgt zusätzlich dafür, dass alle dein PDF lesen können. *Geprüft* ### Kontrast, auch auf Fotos Der Editor misst den Kontrast jedes Textes nach WCAG. Liegt Text auf einem Foto, prüft er die Pixel direkt hinter der Schrift und zeigt dir, wie viel der Fläche hinter der Schrift zu wenig Kontrast bietet. - Kontrast nach WCAG - Prüft die Pixel hinter dem Text - Sichtbar, sobald du Text auswählst *Aufgeräumt* ### Dekorative Elemente stören nicht beim Vorlesen Linien, Hintergrundformen und Zier-Icons haben keinen Inhalt. Markiere sie als dekorativ, dann liest der Screenreader sie nicht vor. So hört man nur die Texte und Bilder, auf die es ankommt. - Ein Häkchen pro Element - In den Vorlagen schon gesetzt - Im Strukturbaum sichtbar *Nachvollziehbar* ### Lesereihenfolge einfach zeichnen In Canva ergibt sich die Lesereihenfolge aus den Ebenen. Im sitebrunch PDF-Editor zeichnest du sie: Klick im Strukturbaum auf „Lesereihenfolge zeichnen“. Zieh dann mit der Maus eine Linie durch die Elemente, und zwar in der Reihenfolge, in der sie vorgelesen werden sollen. Der Editor nummeriert sie entlang der Linie. - Reihenfolge mit der Maus zeichnen - Nummern direkt auf der Seite - Auch per Tastatur mit Alt und den Pfeiltasten *Automatisch* ### Automatische Prüfung auf Barrierefreiheit Der Editor meldet sofort fehlende Alt-Texte, übersprungene Überschriftenebenen oder Tabellen ohne Kopfzeile. Ein Klick auf einen Hinweis bringt dich zur Stelle, und vor dem Export siehst du alles noch einmal. - Fehler und Warnungen getrennt - Ein Klick bringt dich zur Stelle - Letzte Prüfung vor dem Export ## Kostenlos, lokal und privat *Kostenlos* #### Ohne Abo und Wasserzeichen Alle Funktionen sind kostenlos. Es gibt kein Pro-Abo, kein Wasserzeichen und kein Seitenlimit. *Ohne Anmeldung* #### Kein Konto nötig Du öffnest den Editor und legst los. Ohne E-Mail-Adresse, ohne Passwort, ohne Newsletter. *Lokal* #### Alles bleibt im Browser Deine Entwürfe speichert der Editor in deinem Browser. Nichts landet in einer Cloud. *Privat* #### Auch für vertrauliche Inhalte Deine Dateien verlassen deinen Browser nie, deshalb sehen wir sie nicht. So kannst du auch Unterlagen mit persönlichen Daten bearbeiten. ## sitebrunch PDF-Editor vs. Canva Canva ist ein Design-Werkzeug, aber nicht für barrierefreie PDFs gemacht. PDFs aus Canva erfüllen PDF/UA nicht. Die Lesereihenfolge ergibt sich dort aus den Ebenen, und die Barrierefreiheitsprüfung in Canva deckt nur Schrift, Kontrast und Alt-Texte ab. Der sitebrunch PDF-Editor ist von Grund auf für barrierefreie PDFs gebaut. Merkmal sitebrunch PDF-Editor Canva **Rolle pro Element** Überschrift H1 bis H6, Absatz, Liste, Tabelle, Bild oder dekoratives Element Nur Überschriften bei Textelementen **Lesereihenfolge** Frei festlegen, als Nummern auf der Seite sichtbar Ergibt sich aus der Ebenenreihenfolge **Prüfung** Kontrast auch auf Fotos, Alt-Texte, Überschriftenebenen, Tabellen, Titel, Sprache und QR-Codes Schrift, Kontrast und Alt-Texte **PDF-Export** Getaggtes PDF mit PDF/UA-Struktur PDF mit Basis-Tags, nicht PDF/UA-konform **Anmeldung** Nicht nötig Konto nötig **Speicherort** Lokal in deinem Browser In der Canva-Cloud **Preis** Kostenlos, ohne Abo Kostenloser Plan, viele Funktionen nur im Abo Stand: September 2026. Die Angaben zu Canva beruhen auf der Canva-Hilfe und öffentlich verfügbaren Tests. ## So gestaltest du einen barrierefreien Flyer *Schritt 1* ### Vorlage wählen Wähle eine der 15 Vorlagen oder starte mit einer leeren Seite in deinem Format. *Schritt 2* ### Anpassen Ändere Texte, Farben, Schriften und Bilder. Beschreibe jedes Bild mit einem Alt-Text oder markiere es als dekorativ. *Schritt 3* ### Prüfen und exportieren Die Prüfung zeigt dir, was noch fehlt. Danach lädst du dein getaggtes PDF herunter. ### Bereit für deinen ersten barrierefreien Flyer? Öffne den PDF-Editor und leg direkt los. Kostenlos, ohne Anmeldung und ohne Upload. [Jetzt loslegen](https://pdf.sitebrunch.com/?utm_source=website&utm_medium=internal&utm_campaign=pdf_editor&utm_content=cta_canva) ## Fragen und Antworten ### Gibt es eine kostenlose Canva-Alternative für barrierefreie PDFs? Ja. Der sitebrunch PDF-Editor ist kostenlos, braucht keine Anmeldung und läuft komplett im Browser. Du gestaltest wie in Canva, mit Vorlagen, Schriften und Icons, und exportierst ein getaggtes, barrierefreies PDF. ### Ist der Editor so einfach wie Canva? Ja. Du platzierst Texte, Bilder, Formen und Icons frei auf der Seite und passt Vorlagen mit wenigen Klicks an. Die Barrierefreiheit prüft der Editor nebenbei und meldet sich nur, wenn wirklich etwas fehlt. ### Kann ich Canva-Designs im sitebrunch PDF-Editor öffnen? Ja. Exportiere dein Canva-Design als PDF und öffne es im sitebrunch PDF-Editor. Texte und Bilder werden übernommen. Hat das PDF keine Tags, erkennt der Editor Überschriften an der Schriftgröße. Prüf diese Überschriften vor dem Export. ### Was macht einen Flyer barrierefrei? Ein barrierefreier Flyer hat Tags für Überschriften, Absätze und Bilder, eine logische Lesereihenfolge, Alt-Texte für Bilder, ausreichenden Kontrast und einen Dokumenttitel. Reine Schmucklinien und Hintergrundformen sind als dekorativ markiert, damit Screenreader sie überspringen. ### Brauche ich ein Konto? Nein. Du öffnest den Editor im Browser und legst sofort los. Es gibt keine Anmeldung und kein Abo. ### Wo werden meine Designs gespeichert? Lokal in deinem Browser. Nichts wird in eine Cloud hochgeladen. Wenn du die Browserdaten löschst, sind die Entwürfe weg. Exportiere wichtige Designs deshalb als PDF. ### Wie viele Vorlagen gibt es? Aktuell 15: Flyer, Plakate, Speisekarten, Faltblätter, Einladungen, Karten, ein Gutschein und Sale-Flyer. Die Vorlagen basieren auf Designs aus der Figma Community unter der Lizenz CC BY 4.0. ### Kann ich meine Designs drucken lassen? Ja. Du exportierst ein PDF mit eingebetteten Schriften, von A6 bis A3, in Letter, Legal oder einem eigenen Format. Frag deine Druckerei, ob sie besondere Vorgaben für Beschnitt oder Farbprofil hat. ### Kann ich auch Word-Dateien öffnen? Ja. Der Editor öffnet DOCX-Dateien und übernimmt Überschriften, Listen, Tabellen und Alt-Texte. Mehr dazu: [Word in barrierefreies PDF umwandeln](https://www.sitebrunch.com/accessibility/pdfs/word-in-barrierefreies-pdf). ### Welche Dokumente kann ich außer Flyern erstellen? Zum Beispiel Berichte, Formulare und Briefe mit Unterschrift. Einen Überblick findest du unter [Barrierefreie Dokumente erstellen](https://www.sitebrunch.com/accessibility/pdfs/barrierefreie-dokumente-erstellen). ### Was kann der PDF-Editor noch? Alle Funktionen für Struktur, Lesereihenfolge, Alt-Texte und die automatische Prüfung findest du auf der Seite [Barrierefreier PDF-Editor](https://www.sitebrunch.com/accessibility/pdfs/barrierefreier-pdf-editor). --- source: https://www.sitebrunch.com/accessibility/pdfs # PDF auf digitale Barrierefreiheit testen Prüfe deine Dokumente betriebssystemunabhängig auf digitale Barrierefreiheit. > Prüfe deine Dokumente betriebssystemunabhängig auf digitale Barrierefreiheit. *Automatisiert* ### Prüfe deine PDF auf PDF/UA & WCAG Mit sitebrunch Accessibility prüfst du einzelne PDFs oder durchsuchst ganze Websites nach PDF-Dokumenten auf Konformität mit PDF/UA und WCAG. Du siehst sofort, wo Handlungsbedarf besteht, und kannst Barrieren systematisch abbauen. - Automatische Prüfung gegen PDF/UA-Standard - Findet und prüft alle PDFs auf deiner Website - Konkrete Hinweise zur Optimierung *Neu und kostenlos* ### Barrierefreie PDFs selbst gestalten Mit dem kostenlosen sitebrunch PDF-Editor gestaltest du neue PDFs gleich barrierefrei oder wandelst Word-Dateien in getaggte PDFs um. Der Editor prüft beim Gestalten automatisch auf Barrierefreiheit und läuft komplett in deinem Browser. - Struktur-Tags und Lesereihenfolge - Automatische Prüfung auf Barrierefreiheit - Kostenlos, ohne Anmeldung und ohne Upload [Mehr erfahren](/accessibility/pdfs/barrierefreier-pdf-editor) ## Warum ist die Barrierefreiheit von PDF so wichtig? #### Konformität mit BGG und BFSG Wenn deine PDF unter das Barrierefreiheitsstärkungsgesetz oder das Behindertengleichstellungsgesetz fällt, bist du rechtlich dazu verpflichtet, die Inhalte barrierefrei zur Verfügung zu stellen. #### Wirtschaftlicher Nutzen Barrierefreie PDFs eröffnen dir Zugang zu neuen Zielgruppen. Obendrauf bewerten Suchmaschinen barrierefreie Inhalte höher, sodass du im Web generell mehr Menschen mit deinen Inhalten erreichst. #### Inhalte auf Websites nur bedingt Ersatz Eine reine Kopie der Inhalte als PDF reicht manchmal nicht aus, denn Kund*innen nutzen das Dokument oft offline und unabhängig von der Website. Zudem ist es eine enorme Aufgabe, Website und PDF parallel aktuell zu halten. ## So prüfst du deine PDF auf Barrierefreiheit *Sicherheit bei der Erstellung* ### Prüfe einzelne PDFs auf Barrierefreiheit Lade PDF einzeln hoch und lasse sie auf PDF/UA und WCAG prüfen. Nach der Prüfung erhältst du passende Lösungsvorschläge, durch die du dein Dokument barrierefreier gestalten kannst. *Laufende Abdeckung* ### Prüfe PDFs auf deiner Website automatisch mit sitebrunch Accessibility durchsucht deine Website nach eingebundenen PDFs und prüft sie auf Barrierefreiheit, ganz ohne manuellen Aufwand. So deckst du potenzielle Probleme auf und kannst deine Dokumente direkt optimieren. *Führende Standards* ### Testet gegen WCAG und PDF/UA Mit sitebrunch accessibility prüfst du deine PDFs direkt nach den weltweit führenden Standards WCAG und PDF/UA. So vermeidest du Risiken und machst deine Dokumente für alle zugänglich. *Manuelle Tests* ### Logische Lesereihenfolge Prüfe du die Lesereihenfolge deiner PDFs und stelle sicher, dass Screenreader und andere assistive Technologien den Inhalt logisch und verständlich vorlesen können. *Praktikabel* ### Prüfbericht teilen Teile die Prüfergebnisse und Lösungsvorschläge deines PDFs direkt mit Kolleg*innen. So haben alle sofort Klarheit und Probleme können gezielt gelöst werden. ### Lerne barrierefreie Dokumente zu erstellen Barrieren zu finden ist der erste Schritt, danach müssen die Probleme behoben werden. Lerne mit sitebrunch Accessibility, wie du barrierefreie Dokumente erstellen kannst. [Barrierefreiheit umsetzen lernen](/accessibility/schulungsinhalte) ### Bereit barrierefrei zu werden? Starte heute mit sitebrunch Accessibility und sorge dafür, dass deine digitalen Inhalte barrierefrei sind. [Kostenlos starten](https://dashboard.sitebrunch.com/register?utm_source=website&utm_medium=internal&utm_campaign=accessibility_pdf&utm_content=cta_box) ## Fragen und Antworten ### Müssen PDFs digital barrierefrei sein? Ob deine PDFs per Gesetz digital barrierefrei gemacht werden müssen, hängt davon ab, ob deine Inhalte unter das Barrierefreiheitsstärkungsgesetz (B2C) oder das Behindertengleichstellungsgesetz (öffentliche Stellen) fallen. Wir raten dir hierzu, mit der Anwältin deines Vertrauens zu sprechen, wenn du es genau wissen willst. Allgemein macht Barrierefreiheit deine Inhalte besser nutzbar und auffindbar, und du wirst auch unabhängig von gesetzlichen Regelungen von der Umstellung profitieren. ### Was ist PDF / UA ? PDF/UA ist ein spezieller Standard für barrierefreie PDFs. „UA“ steht für „Universal Accessibility“, also „universelle Zugänglichkeit“. PDFs, die nach diesem Standard erstellt sind, lassen sich besser mit Hilfsmitteln wie Screenreadern oder Sprachausgabe nutzen. Aber Achtung: PDF/UA allein macht ein PDF nicht automatisch barrierefrei. Zusätzlich müssen die die WCAG (Web Content Accessibility Guidelines) beachtet werden. ### Was sind die WCAG? Die WCAG (Web Content Accessibility Guidelines) formulieren Anforderungen, die eine Website oder ein PDF-Dokument erfüllen muss, um barrierefrei zu sein, ohne konkrete Gestaltungsvorgaben zu machen. Ein großer Teil der WCAG wird von der EN 301 549 referenziert. Das ist der europäische Standard zur digitalen Barrierefreiheit. Damit deine PDFs barrierefrei werden, müssen sie einen großen Teil der WCAG erfüllen. ### Welche Standards oder Gesetze werden durch die automatisierte Prüfung abgedeckt? Automatisierte Tests decken kein Gesetz oder Standard komplett ab. sitebrunch Accessibility prüft automatisiert gegen ePDF/UA und WCAG 2.2 AA. ### Kann ein PDF komplett automatisiert auf Barrierefreiheit getestet werden? Nein, ein PDF lässt sich nicht vollständig automatisiert auf Barrierefreiheit prüfen. Es braucht immer eine manuelle Prüfung, um festzustellen, ob ein Dokument barrierefrei nach WCAG 2.2 oder EN 301 549 ist. Tools erkennen zwar technische Fehler (z. B. fehlende Tags oder schlechte Kontraste), aber sie können nicht beurteilen, ob: - die logische Struktur stimmt, - der Inhalt verständlich ist, - Screenreader den Text korrekt und sinnvoll vorlesen, - oder ob das Dokument praktisch nutzbar ist. ### Sind automatisierte PDF-Tests sinvoll? Automatisierte PDFs sind schnell und effizient. Sie testen in Sekunden und Minuten, was manuell Stunden dauern würde. Besonders bei vielen oder großen PDFs sind sie eine Arbeitserleichterung. ### Wie oft sollte man PDFs auf Barrierefreiheit prüfen? Wenn du die Barrierefreiheits-Anforderungen schon bei der PDF-Erstellung auf dem Schirm hast, solltest du vor der Veröffentlichung testen und wenn du Änderungen an deinen Dokumenten vornimmst. ### Kann ein PDF automatisiert barrierefrei gemacht werden? Nein, kein PDF kann automatisch barrierefrei erstellt werden. Für ein barrierefreies PDF ist unter anderem eine saubere Dokumentenstruktur sehr wichtig, und das muss schon bei der Dokumentenerstellung bedacht werden. Wenn du gerne lernen möchtest, wie man barrierefreie Dokumente erstellt, könnten unsere Schulungsinhalte für dich interessant sein. ### Wie erstelle ich ein barrierefreies PDF? Am einfachsten legst du die Struktur schon beim Erstellen an. Das geht mit unserem kostenlosen [barrierefreien PDF-Editor](https://www.sitebrunch.com/accessibility/pdfs/barrierefreier-pdf-editor). Du gestaltest das PDF im Browser, der Editor prüft automatisch auf Barrierefreiheit, und du exportierst ein getaggtes PDF. --- source: https://www.sitebrunch.com/accessibility/pdfs/word-in-barrierefreies-pdf # Word in barrierefreies PDF umwandeln Öffne deine Word-Datei im Browser, prüf Überschriften, Bilder und Tabellen und exportiere ein barrierefreies PDF. Kostenlos, ohne Anmeldung und ohne Upload. > Mach aus deinem Word-Dokument ein barrierefreies PDF: DOCX im Browser öffnen, Struktur und Alt-Texte prüfen, getaggt exportieren. Kostenlos, ohne Upload. *DOCX zu PDF* ### Von Word zum barrierefreien PDF Der sitebrunch PDF-Editor öffnet deine DOCX-Datei direkt im Browser. Überschriften, Listen und Tabellen aus Word werden zu Tags im PDF, und deine Alt-Texte kommen mit. Danach prüft der Editor automatisch, ob für die Barrierefreiheit noch etwas fehlt. Dann exportierst du ein getaggtes PDF. Word musst du dafür nicht installiert haben. - Formatvorlagen werden zu Tags - Umwandlung im Browser, ohne Upload - Automatische Prüfung auf Barrierefreiheit ## Was der Editor aus Word übernimmt *Schnell* ### Import mit Bericht Zieh deine DOCX-Datei in den Editor. Die Umwandlung läuft direkt in deinem Browser. Danach zeigt dir ein Bericht, wie viele Seiten, Textblöcke, Bilder und Tabellen übernommen wurden. - DOCX einfach in den Editor ziehen - Umwandlung ohne Upload - Bericht nach jedem Import *Strukturiert* ### Formatvorlagen werden zu Tags Aus „Überschrift 1“ wird H1, aus „Überschrift 2“ wird H2, aus einer Word-Liste eine echte Liste. Im Strukturbaum siehst du sofort, wie ein Screenreader dein Dokument erfasst. - Überschriften, Absätze und Listen - Tabellen mit Kopfzeile - Strukturbaum für das ganze Dokument *Beschrieben* ### Alt-Texte bleiben erhalten Hast du in Word Alt-Texte für Bilder geschrieben, übernimmt der Editor sie ins PDF. Fehlt bei einem Bild der Alt-Text, meldet der Editor das sofort. - Alt-Texte aus Word übernommen - Bilder als Figure getaggt - Fehlende Alt-Texte werden gemeldet *Übersichtlich* ### Tabellen mit Kopfzeile Ist in Word die erste Zeile als Überschrift markiert, wird sie im PDF zur echten Kopfzeile. Eine Beschriftung und auf Wunsch eine Kopfspalte ergänzt du im Editor. - Kopfzeile aus Word übernommen - Kopfspalte und Beschriftung ergänzen - Saubere Tags von THead bis TD ## Nach dem Import Das Dokument öffnet sich im Schreibmodus. Text fließt über die Seiten wie in Word, und du kannst direkt weiterschreiben. *Automatisch* ### Automatische Prüfung auf Barrierefreiheit Der Editor meldet fehlende Alt-Texte, übersprungene Überschriftenebenen, zu geringen Kontrast und Tabellen ohne Kopfzeile. Ein Klick auf einen Hinweis bringt dich direkt zur Stelle. - Kontrast nach WCAG, auch auf Fotos - Fehler und Warnungen getrennt - Ein Klick bringt dich zur Stelle *Vollständig* ### Export mit letzter Prüfung Vor dem Export siehst du alle offenen Punkte noch einmal. Das fertige PDF enthält Strukturbaum, Lesereihenfolge, Titel, Sprache, eingebettete Schriften und Lesezeichen aus deinen Überschriften. - Letzte Prüfung vor dem Export - Titel, Sprache und Lesezeichen - Alle Schriften eingebettet ## So bereitest du dein Word-Dokument vor Der PDF-Editor übernimmt die Struktur aus deinem Word-Dokument. Je sauberer sie ist, desto weniger musst du später korrigieren: - **Formatvorlagen für Überschriften nutzen.** Setz Überschriften mit „Überschrift 1“, „Überschrift 2“ und so weiter, nicht mit fettem, großem Text. - **Keine Überschriftenebenen überspringen.** Auf eine Überschrift 1 folgt eine Überschrift 2, nicht direkt eine Überschrift 3. - **Echte Listen verwenden.** Nutze die Listenfunktion von Word statt selbst getippter Spiegelstriche. - **Tabellen mit Kopfzeile anlegen.** Markiere die erste Zeile als Überschrift und nutze Tabellen nicht für das Layout. - **Alt-Texte schreiben.** Beschreibe jedes Bild, das etwas aussagt. Reine Schmuckbilder markierst du im Editor als dekorativ. ## Word-Export vs. sitebrunch PDF-Editor Word schreibt beim Speichern als PDF zwar Tags, aber was im PDF ankommt, siehst du in Word nicht. Im sitebrunch PDF-Editor siehst du Strukturbaum und Lesereihenfolge. Beides kannst du vor dem Export korrigieren. Merkmal Direkt aus Word speichern Über den sitebrunch PDF-Editor **Tags aus Formatvorlagen** Ja Ja **Strukturbaum des PDFs ansehen** Nein Ja, mit Rolle für jedes Element **Lesereihenfolge ansehen und zeichnen** Nein Ja **Kontrast von Text auf Fotos prüfen** Nein Ja **Barrierefreies PDF auf dem Mac** Nur über einen Onlinedienst von Microsoft Komplett im Browser, ohne Upload **Layout nachträglich anpassen** Nur im Word-Dokument Direkt im Editor Stand: September 2026. Auf dem Mac schickt Word das Dokument für ein barrierefreies PDF an einen [Onlinedienst von Microsoft](https://support.microsoft.com/de-de/accessibility/office-accessibility/create-accessible-pdfs). ## Kostenlos, lokal und privat *Lokal* #### Kein Upload Umwandlung und Bearbeitung laufen komplett in deinem Browser. Dein Dokument landet auf keinem Server. *Unabhängig* #### Kein Word nötig Du brauchst nur einen aktuellen Browser. Word oder eine andere Software musst du nicht installieren. *Kostenlos* #### Keine Anmeldung Kein Konto, kein Abo, kein Wasserzeichen. Du öffnest den Editor und legst los. ## So wandelst du Word in ein barrierefreies PDF um *Schritt 1* ### DOCX öffnen Zieh deine Word-Datei in den Editor. Die Umwandlung dauert meist nur wenige Sekunden. *Schritt 2* ### Struktur prüfen Sieh dir Überschriften, Alt-Texte und Tabellen an. Der Editor zeigt dir, was für die Barrierefreiheit noch fehlt. *Schritt 3* ### Getaggt exportieren Lade ein PDF mit Strukturbaum, Lesereihenfolge, Titel, Sprache und eingebetteten Schriften herunter. ### Bereit, dein Word-Dokument umzuwandeln? Öffne den PDF-Editor und leg direkt los. Kostenlos, ohne Anmeldung und ohne Upload. [Jetzt loslegen](https://pdf.sitebrunch.com/?utm_source=website&utm_medium=internal&utm_campaign=pdf_editor&utm_content=cta_word) ## Fragen und Antworten ### Wie wandle ich ein Word-Dokument in ein barrierefreies PDF um? Leg im Word-Dokument Überschriften mit Formatvorlagen an und nutze echte Listen, Tabellen mit Kopfzeile und Alt-Texte. Öffne die DOCX-Datei dann im sitebrunch PDF-Editor, prüf die Struktur und exportiere ein getaggtes PDF. ### Brauche ich Microsoft Word dafür? Nein. Der Editor wandelt die DOCX-Datei direkt in deinem Browser um. Du brauchst nur einen aktuellen Browser. ### Wird mein Dokument hochgeladen? Nein. Umwandlung und Bearbeitung laufen vollständig in deinem Browser. So kannst du auch Dokumente mit persönlichen oder vertraulichen Daten bearbeiten. ### Bleiben Überschriften und Alt-Texte aus Word erhalten? Ja. Der Editor übernimmt Überschriften, Absätze, Listen und Tabellen als Tags. Auch die Alt-Texte deiner Bilder kommen mit. Überschriften erkennt er aber nur, wenn du sie in Word mit Formatvorlagen gesetzt hast. Text, der nur fett und groß ist, bleibt ein normaler Absatz. ### Sieht das PDF genauso aus wie in Word? Meistens ja. Texte, Bilder und Tabellen werden übernommen. Ist eine Schrift nicht verfügbar, ersetzt der Editor sie durch eine ähnliche und sagt dir das beim Import. Dann können Zeilen- und Seitenumbrüche leicht von Word abweichen. Schriften, die auf deinem Gerät installiert sind, kannst du übernehmen. ### Welche Dateiformate kann ich öffnen? Der Editor öffnet PDF-Dateien und Word-Dateien im Format DOCX. Ältere DOC-Dateien speicherst du vorher in Word als DOCX. Aus PowerPoint oder Excel exportierst du zuerst ein PDF und öffnest es dann im Editor. ### Warum reicht der PDF-Export aus Word nicht immer? Word schreibt Tags aus den Formatvorlagen ins PDF, zeigt dir aber weder den Strukturbaum noch die Lesereihenfolge des fertigen PDFs. Auch Text auf Fotos prüft Word nicht auf Kontrast. Auf dem Mac erstellt Word ein barrierefreies PDF außerdem nur über einen Onlinedienst von Microsoft. ### Kann ich auch Flyer und Plakate gestalten? Ja. Im Designmodus gestaltest du frei auf der Seite, mit 15 Vorlagen, Schriften und Icons. Mehr dazu: [Canva-Alternative für barrierefreie PDFs](https://www.sitebrunch.com/accessibility/pdfs/canva-alternative). ### Welche Dokumente kann ich noch erstellen? Zum Beispiel Formulare, Briefe mit Unterschrift und Speisekarten. Einen Überblick findest du unter [Barrierefreie Dokumente erstellen](https://www.sitebrunch.com/accessibility/pdfs/barrierefreie-dokumente-erstellen). ### Was kann der PDF-Editor noch? Alle Funktionen für Struktur, Lesereihenfolge, Alt-Texte und die automatische Prüfung findest du auf der Seite [Barrierefreier PDF-Editor](https://www.sitebrunch.com/accessibility/pdfs/barrierefreier-pdf-editor). --- source: https://www.sitebrunch.com/news/was-ist-ein-wcag-test # Was ist ein WCAG-Test > Was ist ein WCAG-Test? Prüfung nach WCAG 2.2 und EN 301 549, Konformitätsstufe AA. So läuft ein Audit ab und so testest du deine Website selbst. Ein WCAG-Test ist eine strukturierte Prüfung deiner Website oder Webanwendung gegen die Web Content Accessibility Guidelines (WCAG 2.2), den internationalen Standard für barrierefreies Webdesign. Er zeigt dir, welche Barrieren deine Inhalte haben, wo du die gesetzlichen Anforderungen verfehlst und was konkret zu tun ist. ## Das wichtigste in Kürze - Ein WCAG-Test prüft, ob deine digitalen Inhalte die Erfolgskriterien der WCAG 2.2 erfüllen. Die Kriterien sind als testbare Anweisungen formuliert, du kannst sie also direkt an der laufenden Website nachvollziehen (Kontraste, Tastaturbedienung, Fokus, Strukturen im Code, Alternativtexte und so weiter). - Automatisierte Tests allein reichen nicht. Sie decken nur einen Teil der gesetzlichen Anforderungen ab, für den Großteil brauchst du manuelle Prüfungen. In einem vollständigen Audit arbeitest du dich durch 96 Prüfschritte nach EN 301 549 und WCAG 2.2. - Maßstab ist die Konformitätsstufe AA. Genau darauf beziehen sich BFSG, BITV und EN 301 549. Ein WCAG-Test beantwortet also nicht nur die Frage "wie zugänglich ist das", sondern auch "erfüllen wir die Pflicht". ## Was genau wird bei einem WCAG-Test geprüft? Die WCAG bauen auf vier Grundprinzipien auf: wahrnehmbar, bedienbar, verständlich und robust. Daran orientiert sich auch die Prüfung. Für jedes Prinzip gibt es konkrete Erfolgskriterien, die sich am realen Produkt überprüfen lassen. Ein paar Beispiele aus dem WCAG-Nachschlagewerk von Gehirngerecht Digital, damit klar wird, wie handfest das ist: - **Kontraste von Texten (1.4.3):** Mindestens 4,5:1 für Texte unter 24 Pixeln, 3:1 für größere Texte. - **Tastatur (2.1.1):** Die Website muss vollständig mit der Tastatur bedienbar sein, inklusive aller wichtigen Funktionen. - **Fokus sichtbar (2.4.7):** Es muss jederzeit erkennbar sein, welches Element gerade den Tastaturfokus hat. - **Reflow (1.4.10):** Bei 320 Pixeln Breite (oder 400 Prozent Zoom) müssen alle Inhalte und Funktionen erhalten bleiben, ohne horizontales Scrollen. - **Zielgröße (2.5.8):** Bedienelemente brauchen eine klickbare Fläche von mindestens 24 mal 24 Pixeln. Ein Teil davon lässt sich automatisiert erkennen, ein größerer Teil nicht. Ob ein Alternativtext den Bildinhalt sinnvoll wiedergibt oder ob die Fokus-Reihenfolge logisch ist, kann nur ein Mensch beurteilen. ## Welche Konformitätsstufen gibt es (A, AA, AAA)? Die WCAG kennen drei Stufen: - **Level A** ist die Grundlage. Wer sie nicht erfüllt, schließt ganze Nutzergruppen komplett aus. - **Level AA** ist der Maßstab, auf den sich die Gesetzgebung bezieht. BFSG, BITV und die EN 301 549 fordern diese Stufe. Wenn du prüfst, prüfst du in der Praxis gegen AA. - **Level AAA** geht darüber hinaus und ist nicht als generelle Anforderung für ganze Websites gedacht. Einzelne AAA-Kriterien lohnen sich trotzdem, wenn deine Zielgruppe das braucht. Kurz: AA ist das Ziel, alles darunter ist rechtlich zu wenig, alles darüber ist freiwillige Kür. ## Wie läuft ein WCAG-Test ab? In der Praxis läuft ein WCAG-Test in zwei Schritten. **Schritt 1: automatisierter Scan.** Ein automatisierter Check findet in wenigen Minuten die technisch eindeutigen Fehler, etwa fehlende Alternativtexte, fehlende Sprachauszeichnung oder Kontrastverstöße. Das ist ein guter Startpunkt, aber eben nur ein Ausschnitt. **Schritt 2: manuelle Prüfung.** Hier wird die Seite tatsächlich bedient, mit Tastatur, mit Zoom, mit assistiver Technologie. Dafür gibt es zwei sinnvolle Zuschnitte: - **Kick-off-Audit:** eine Art Quick-Check, bei dem die kritischsten WCAG-Kriterien geprüft werden. Damit hast du innerhalb eines Personentages einen belastbaren Überblick über die kritischen Barrieren. Gedacht für den Projektstart, wenn eine nicht barrierefreie Website bereits existiert. - **Vollständiges Audit:** die systematische Prüfung aller relevanten Anforderungen der EN 301 549 und WCAG 2.2, aufgeteilt in 96 Prüfschritte. Mit sitebrunch Accessibility machst du beides selbst. Jeder Prüfschritt ist gemeinsam mit Gehirngerecht Digital verständlich aufbereitet, mit Videos, Bildern und Beispielen, dazu kommen Hilfsmittel wie der Kontrast-Checker direkt im Tool. Über die Browser-Extension prüfst du jeden Schritt direkt auf der echten Seite, im Kommentar-Modus werden Screenshots automatisch mitgeschnitten. Zu jedem Prüfschritt bekommst du typische Problemstellungen mit passenden Lösungsvorschlägen, ergänzt um bis zu drei KI-gestützte Vorschläge, die du weiterbearbeiten kannst. Am Ende steht ein Prüfbericht, den du per Link teilen und filtern kannst. Gefundene Barrieren wandern über die Integrationen zu awork, Jira, Notion, Asana und Azure Boards direkt als Tickets in deinen bestehenden Workflow. Und wer den Fix gleich im Code will: Der sitebrunch MCP Server lässt KI-Assistenten wie Claude Code und OpenAI Codex die Probleme aus deinen Audits direkt im Code beheben. ## Ist ein WCAG-Test gesetzlich vorgeschrieben? Vorgeschrieben ist nicht der Test, sondern das Ergebnis: Deine digitalen Angebote müssen barrierefrei sein. BFSG, BITV und BaFG setzen dafür die WCAG auf Konformitätsstufe AA als Maßstab an, vermittelt über die EN 301 549. Ohne Prüfung weißt du schlicht nicht, ob du da stehst. Kommt eine Beschwerde oder eine Marktüberwachung, brauchst du außerdem eine nachvollziehbare Dokumentation, und genau die liefert ein strukturiertes Audit. ## WCAG-Test selbst durchführen Du brauchst für den Einstieg keine externe Prüfstelle. Mit einem kostenlosen Test auf sitebrunch.com bekommst du in etwa zwei Minuten einen WCAG-Report mit konkreten Empfehlungen. Für die manuelle Prüfung startest du danach mit einem Kick-off-Audit und arbeitest dich bei Bedarf zum vollständigen Audit vor. Was du dabei mitnimmst: Die Prüfschritte sind so aufbereitet, dass du sie auch ohne technischen Hintergrund verstehst. Wer regelmäßig prüft, baut sich damit echtes Fachwissen auf, statt nur eine Checkliste abzuhaken. [Kostenlos testen auf sitebrunch.com](https://www.sitebrunch.com/) ## FAQ ### Kann ich einen WCAG-Test selbst durchführen? Ja. Der automatisierte Check läuft ohne Vorwissen, für die manuelle Prüfung führt dich das Audit Schritt für Schritt durch alle Anforderungen, jeweils mit Erklärung, Video und Beispielen. Wenn du dich tiefer einarbeiten willst, gibt es dazu die Schulungsinhalte von Gehirngerecht Digital, mit denen du digitale Barrierefreiheit in Design, Entwicklung und Redaktion in deinem Tempo lernst. ### Was ist der Unterschied zwischen WCAG 2.2 und EN 301 549? Die WCAG sind der internationale Standard für barrierefreie Webinhalte. Die EN 301 549 ist die europäische Norm, auf die sich BFSG und BITV beziehen. Sie übernimmt die WCAG-Kriterien und ergänzt sie um Anforderungen, die über reine Webinhalte hinausgehen. Für Websites heißt das praktisch: Wer nach EN 301 549 prüft, prüft die WCAG mit. ### Was ist der Unterschied zwischen einem WCAG-Test und einem Accessibility-Audit? "WCAG-Test" beschreibt den Prüfmaßstab, "Audit" die Tiefe des Vorgehens. Ein automatisierter WCAG-Check ist eine schnelle Momentaufnahme. Ein Audit ist die vollständige, dokumentierte Prüfung mit Nachweisen, Screenshots und Maßnahmenliste, entweder als Kick-off über die kritischsten Kriterien oder vollständig über alle 96 Prüfschritte. ### Wie oft sollte ein WCAG-Test wiederholt werden? Barrierefreiheit ist kein einmaliger Check, sondern eine dauerhafte Anforderung für alle, die digitale Produkte und Services anbieten. Jeder Relaunch, jedes neue Feature und jeder redaktionelle Beitrag kann neue Barrieren erzeugen. Sinnvoll ist die Kombination aus automatisiertem Monitoring, das neue URLs laufend bewertet, und einem manuellen Audit in festen Abständen, das du jeweils auf Basis des vorherigen Audits neu startest und behobene Fehler abhakst. ### Gilt der WCAG-Test auch für PDFs? Ja. PDFs sind Teil deines digitalen Angebots und müssen ebenfalls zugänglich sein. Du kannst einzelne Dateien hochladen und auf WCAG und PDF/UA prüfen oder deine Website automatisch nach PDFs scannen lassen und sie im Paket testen. --- source: https://www.sitebrunch.com/news/was-kostet-eine-barrierefreiheitspruefung # Was kostet eine Barrierefreiheitsprüfung? Preise 2026 im Überblick > Selbsttest ab 49 Euro im Monat, Kurzanalyse 490 bis 1.200 Euro, WCAG-Audit 1.500 bis 8.000 Euro. Alle Preise und Kostenfaktoren im Überblick. **Ja, Websites werden auf Barrierefreiheit getestet, und die Preise reichen von 0 bis rund 8.000 Euro. Kostenlose automatische Tools finden nur einen Teil der Barrieren. Geführte manuelle Selbsttests, auch vollständige Audits, starten bei 49 Euro im Monat. Eine Kurzanalyse durch Expert*innen kostet meist 490 bis 1.200 Euro, ein vollständiges WCAG-Audit 1.500 bis 8.000 Euro.** ## Die Kosten auf einen Blick Prüfart Wer prüft Preis Was du bekommst Kostenlose Browser-Tools (Lighthouse, WAVE, axe DevTools) Du selbst, automatisch 0 Euro Einen Teil der Barrieren, keinen Nachweis Geführter manueller Selbsttest, z. B. [sitebrunch Audits](https://www.sitebrunch.com/accessibility/audits) Du oder dein Team, manuell mit Anleitung ab 49 Euro im Monat Kick-off Audit: Überblick über kritische Barrieren in etwa einem Tag. Vollständiges Audit: alle 96 Prüfschritte nach EN 301 549 und WCAG 2.2, Prüfbericht Kurzanalyse durch Expert*innen Externe Prüfer*innen 490 bis 1.200 Euro Die wichtigsten Barrieren, erste Empfehlungen Vollständiges WCAG-Audit, z. B. [sitebrunch Audit](https://www.sitebrunch.com/accessibility/pruefen-lassen) oder Agentur Externe Prüfer*innen, manuell 1.500 bis 8.000 Euro Vollständiger Bericht nach EN 301 549 und WCAG, Maßnahmenplan Die Preisspannen für externe Prüfungen stammen aus dem [Kostenratgeber von barrierefreie-agenturen.de](https://barrierefreie-agenturen.de/ratgeber/bfsg-kosten/), einem Verzeichnis von Agenturen für Barrierefreiheit (Stand September 2026). **TL;DR** - Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) auch für private Unternehmen, etwa für Online-Shops. Wer eine Dienstleistung nicht barrierefrei anbietet, riskiert ein Bußgeld von bis zu 100.000 Euro ([§ 37 BFSG](https://www.gesetze-im-internet.de/bfsg/__37.html)). Mehr dazu in unserer Übersicht zu den [Bußgeldern nach dem BFSG](https://www.sitebrunch.com/fakten/bussgelder). - Ein vollständiges manuelles Audit kannst du mit einer geführten Anleitung selbst durchführen. Ein Audit durch Expert*innen lohnt sich, wenn dein Team keine Zeit dafür hat oder du eine Prüfung von außen brauchst. ## Wer die Prüfung durchführt Hinter den Preisspannen stehen zwei Wege. Beide sind manuelle Prüfungen, der Unterschied ist, wer prüft. **Expert*innen-Audits.** Agenturen und Prüfdienstleister testen manuell nach EN 301 549 und WCAG: Tastaturbedienung, Screenreader, Kontraste, Formulare. Am Ende steht ein Bericht mit Maßnahmenplan. Bei sitebrunch läuft ein solches Audit in der Regel vier Wochen vom Kickoff bis zum Report. Danach bleiben die Ergebnisse in der Plattform und das Monitoring läuft weiter. **Geführte manuelle Selbsttests.** Hier prüfst du oder dein Team selbst, manuell und Schritt für Schritt, genau wie Expert*innen. Das ist kein automatischer Scan: Eine Anleitung erklärt dir jeden Prüfschritt, damit du kein Profi sein musst. In sitebrunch führst du ab 49 Euro im Monat nicht nur ein Kick-off Audit durch, sondern auch ein vollständiges Audit mit allen 96 Prüfschritten nach EN 301 549 und WCAG 2.2. Egal wen du beauftragst: Die Verantwortung bleibt bei deinem Unternehmen. Overlay-Plugins, die eine Website angeblich per Knopfdruck barrierefrei machen, ersetzen keine Prüfung ([Overlay Fact Sheet](https://overlayfactsheet.com/de/)). ## Wovon der Preis abhängt **Anzahl und Art der Seiten.** Laut [barrierefreie-agenturen.de](https://barrierefreie-agenturen.de/ratgeber/bfsg-kosten/) kannst du mit 100 bis 200 Euro pro Seite rechnen. Interaktive Elemente wie Formulare oder Filter sind aufwendiger und kosten 200 bis 320 Euro pro Element. Ein Online-Shop mit Warenkorb und Checkout wird also teurer als eine einfache Unternehmenswebsite. **Die Tiefe der Prüfung.** Eine Kurzanalyse zeigt die wichtigsten Probleme. Ein vollständiges Audit geht alle Anforderungen durch und kostet entsprechend mehr. **PDFs.** Formulare, Broschüren und Berichte müssen ebenfalls barrierefrei sein und erhöhen den Prüfaufwand. Einen Teil kannst du vorab selbst prüfen, etwa mit einem [PDF-Check auf WCAG und PDF/UA](https://www.sitebrunch.com/accessibility/pdfs). **Der Nachtest.** Diesen Posten übersehen viele. Nach der ersten Prüfung behebt dein Team die Barrieren, danach wird erneut geprüft. Auch neue Inhalte und Updates können neue Barrieren bringen. Für Re-Audits und Nachbesserungen solltest du laut [barrierefreie-agenturen.de](https://barrierefreie-agenturen.de/ratgeber/bfsg-kosten/) 700 bis 2.500 Euro pro Jahr einplanen. ## Selbsttest oder Expert*innen-Audit: was für deine Website reicht Entscheide nach dem Zweck, nicht nach dem Budget. **Wichtig vorab: Verlass dich nicht auf automatische Tests.** Das Accessibility-Team der britischen Regierung hat eine Testseite mit 143 bekannten Barrieren gebaut und gängige Prüftools darauf getestet ([GOV.UK](https://accessibility.blog.gov.uk/2017/02/24/what-we-found-when-we-tested-tools-on-the-worlds-least-accessible-webpage/)). Das beste Tool fand 41 Prozent der Barrieren, ein verbreitetes Tool nur 17 Prozent. Den Rest findet nur ein Mensch, der manuell prüft. Die eigentliche Wahl ist also nicht automatisch oder manuell, sondern: Prüfst du selbst oder lässt du prüfen? **Der geführte manuelle Selbsttest passt, wenn** dein Team die Zeit hat, selbst zu prüfen. Mit einem Kick-off Audit weißt du in etwa einem Tag, was zuerst repariert werden muss. Mit einem vollständigen Audit gehst du alle Anforderungen durch. Die häufigsten Fehler sind bekannt. Der [WebAIM Million Report 2026](https://webaim.org/projects/million/) hat die Startseiten der eine Million meistbesuchten Websites automatisch geprüft: - 95,9 Prozent hatten erkennbare WCAG-Fehler - 83,9 Prozent hatten Text mit zu wenig Kontrast - 53,1 Prozent hatten Bilder ohne Alternativtext - 51 Prozent hatten Formularfelder ohne Beschriftung Solche Klassiker findest und behebst du selbst. Das senkt später auch den Aufwand und damit die Kosten eines externen Audits. In unseren [Audits](https://www.sitebrunch.com/accessibility/audits) prüfst du manuell direkt auf deiner Website, und jeder Prüfschritt wird dir mit Videos und Beispielen erklärt. **Ein Expert*innen-Audit lohnt sich, wenn** - dein Team keine Zeit hat, selbst zu prüfen, - du eine Prüfung von außen willst, - eine öffentliche Stelle oder ein Auftraggeber eine belastbare Aussage verlangt, - du als Shop-Betreiber unter das BFSG fällst und sichergehen willst, dass die ganze Strecke funktioniert: Navigation, Login, Cookie-Banner, Warenkorb, Checkout und Zahlung. **Für Agenturen gilt beides:** im Projekt selbst prüfen und ein externes Audit nur dort beauftragen, wo der Kunde es wirklich braucht. ## FAQ ### Schreibt das BFSG eine bestimmte Prüfung oder ein Zertifikat vor? Nein. Das BFSG schreibt kein bestimmtes Prüfverfahren und kein Siegel vor. Es verlangt, dass dein Angebot die Anforderungen an die Barrierefreiheit erfüllt. Außerdem musst du Informationen dazu bereitstellen, wie deine Dienstleistung diese Anforderungen erfüllt, und diese Informationen barrierefrei veröffentlichen ([§ 14 BFSG](https://www.gesetze-im-internet.de/bfsg/__14.html)). Ein Audit hilft dir, diese Aussage auf eine belastbare Grundlage zu stellen. ### Gilt das BFSG auch für kleine Unternehmen und Online-Shops? Das BFSG gilt für Unternehmen, die Verbraucher*innen bestimmte Produkte und Dienstleistungen anbieten. Dazu gehören Dienstleistungen im elektronischen Geschäftsverkehr, also zum Beispiel Online-Shops. Reine B2B-Angebote fallen nicht darunter. Für Kleinstunternehmen, die Dienstleistungen anbieten, gilt eine Ausnahme ([§ 3 Absatz 3 BFSG](https://www.gesetze-im-internet.de/bfsg/__3.html)). Kleinstunternehmen sind Unternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Für Produkte gilt diese Ausnahme nicht. ### Reicht ein einmaliger Test oder brauche ich laufende Kontrolle? Ein einmaliger Test zeigt den Stand an einem Tag. Mit jedem Update und jedem neuen Inhalt können neue Barrieren entstehen. Laufende Kontrolle ist deshalb sinnvoll. Unser [WCAG Monitoring](https://www.sitebrunch.com/accessibility/monitoring) prüft deine Website jede Woche automatisch und zeigt dir, wo neue Probleme auftauchen. Die manuelle Prüfung ersetzt es nicht, aber zwischen zwei Audits verlierst du so nicht den Überblick. --- source: https://www.sitebrunch.com/news/barrierefreiheitsfehler-mit-ki-beheben-claude-code # So behebt Claude Code Barrierefreiheitsfehler aus deinem Audit > So behebt Claude Code Barrierefreiheitsfehler aus deinem Audit direkt im Code. Workflow in vier Schritten, Grenzen der KI und Einrichtung des MCP Servers. **KI-Coding-Assistenten wie Claude Code können Barrierefreiheitsfehler direkt im Code beheben. Sie müssen aber wissen, wo die Fehler sind. Mit dem sitebrunch MCP Server liest Claude Code die Funde aus deinem Audit, behebt die technischen Probleme in deinen Dateien und dokumentiert jeden Fix zurück in sitebrunch. Inhalte aus dem CMS und Entscheidungen über das Design bleiben bei deinem Team.** **Das Wichtigste in Kürze** - Erst prüfst du manuell im Audit, dann behebt die KI die Funde über den MCP Server, danach prüfst du nach. - Der sitebrunch MCP Server gibt deinem KI-Assistenten für jeden Fund einen CSS-Selektor, eine Problembeschreibung und einen Lösungsvorschlag. - Gut geeignet sind technische Fehler wie fehlende Formular-Labels, fehlende ARIA-Labels oder eine falsche Überschriften-Hierarchie. - Alternativtexte formuliert die KI, solange sie im Code stehen. Kommen sie aus einem CMS, auf das die KI keinen Zugriff hat, überspringt sie den Fund und dokumentiert den Grund. Das gilt auch für Farbänderungen. - Der MCP Server ist in allen sitebrunch Plänen mit Audits enthalten, ohne Zusatzkosten. ## Warum zuerst ein Mensch prüfen muss Ein KI-Coding-Assistent sieht deinen Code. Er sieht nicht, wie sich deine Website bedienen lässt. Ob der Tastaturfokus sichtbar ist, ob ein Screenreader die Inhalte in sinnvoller Reihenfolge vorliest oder ob ein Dialog per Tastatur wieder geschlossen werden kann, merkst du erst beim Testen der laufenden Seite. Automatische Prüftools helfen hier nur begrenzt. Das Accessibility-Team der britischen Regierung hat eine Testseite mit 143 bekannten Barrieren gebaut und gängige Tools darauf getestet ([GOV.UK](https://accessibility.blog.gov.uk/2017/02/24/what-we-found-when-we-tested-tools-on-the-worlds-least-accessible-webpage/)). Das beste Tool fand 41 Prozent der Barrieren. Die sinnvolle Arbeitsteilung sieht deshalb so aus: - **Finden:** Ein Mensch prüft die Website manuell, zum Beispiel in einem geführten [sitebrunch Audit](https://www.sitebrunch.com/accessibility/audits). - **Beheben:** Die KI setzt die technischen Fixes im Code um. - **Nachprüfen:** Ein Mensch prüft in einem Re-Audit, ob die Barrieren wirklich weg sind. ## Was ist ein MCP Server? Das [Model Context Protocol (MCP)](https://modelcontextprotocol.io/) ist ein offener Standard, den Anthropic entwickelt hat. Er verbindet KI-Assistenten mit externen Daten und Tools. Viele KI-Tools unterstützen ihn inzwischen. Der [sitebrunch MCP Server](https://www.sitebrunch.com/accessibility/mcp-server) nutzt diesen Standard, um deinem KI-Assistenten Zugriff auf deine Audit-Ergebnisse zu geben. Die KI-Verarbeitung läuft dabei in deinem eigenen KI-Tool. sitebrunch stellt nur die Audit-Daten bereit. ## Welche Barrieren die KI beheben kann und welche nicht Viele der häufigsten Fehler im Web sind technische Fehler im Code. Der [WebAIM Million Report 2026](https://webaim.org/projects/million/) hat die Startseiten der eine Million meistbesuchten Websites automatisch geprüft. Ein Auszug: - 51 Prozent hatten Formularfelder ohne Beschriftung - 46,3 Prozent hatten leere Links - 30,6 Prozent hatten leere Buttons - 13,5 Prozent hatten keine Angabe zur Sprache des Dokuments Die Grenze verläuft dabei nicht zwischen einfachen und schweren Fehlern, sondern entlang dessen, worauf die KI Zugriff hat. Alles, was in deinem Code steht, kann ein KI-Assistent gut beheben, wenn er die betroffene Stelle kennt. Inhalte, die aus einem CMS kommen, erreicht er nicht. Und Gestaltung bleibt eine Entscheidung deines Teams. Kurz gesagt: Im Code ja, im CMS nein. Art des Problems Beispiel Was die KI tut Fehlende Formular-Labels Eingabefeld ohne verknüpftes Label Behebt im Code Fehlende ARIA-Labels Icon-Button ohne zugänglichen Namen Behebt im Code Falsche Überschriften-Hierarchie Auf h2 folgt direkt h4 Behebt im Code Fehlende Landmarks Kein main- oder nav-Element Behebt im Code Fehlendes alt-Attribut Bild ohne alt-Attribut Ergänzt Attribut und Text im Code, dein Team liest den Text gegen Unpassender Alternativtext im Code Alt-Text im Template beschreibt das Bild nicht Formuliert den Text neu, dein Team liest gegen Alternativtext aus dem CMS Produktfoto, dessen Alt-Text in der Mediathek gepflegt wird Überspringt und dokumentiert den Grund Design-Änderungen Farben mit zu wenig Kontrast Überspringt und dokumentiert den Grund Der Grund für diese Grenze: Texte aus einem CMS stehen nicht in deinen Code-Dateien. Die KI kann sie dort weder sehen noch ändern, also passt deine Redaktion sie im CMS an. Lies auch die Alternativtexte gegen, die die KI im Code schreibt. Ein Text, der das Bild falsch beschreibt, ist für Screenreader-Nutzer*innen schlechter als ein fehlender. Und eine neue Farbe ist eine Entscheidung für deine Marke, keine technische Korrektur. **Eine dritte Grenze betrifft selbstgebaute Bedienelemente.** Menüs, Dropdowns, Slider oder Tabs, die erst per JavaScript zu Bedienelementen werden, brauchen die richtigen ARIA-Rollen, Zustände und eine funktionierende Tastaturbedienung. Die KI kann Attribute ergänzen. Ob sich das Element danach wirklich mit Tastatur und Screenreader bedienen lässt, zeigt aber nur ein Test an der laufenden Seite. ## So funktioniert der Workflow in vier Schritten **Schritt 1: Audit durchführen.** Der MCP Server arbeitet mit den Ergebnissen deiner sitebrunch Audits. Du prüfst deine Website manuell mit der Browser Extension, Schritt für Schritt und mit Anleitung. Das geht ab 49 Euro im Monat, als Kick-off Audit oder als vollständiges Audit mit allen 96 Prüfschritten nach EN 301 549 und WCAG 2.2. Alternativ lässt du das Audit von unseren [Expert*innen](https://www.sitebrunch.com/accessibility/pruefen-lassen) durchführen. **Schritt 2: MCP Server verbinden.** In Claude Code führst du dafür im Terminal diesen Befehl aus: **claude mcp add --transport http sitebrunch https://mcp.sitebrunch.com/** Beim ersten Aufruf öffnet sich dein Browser und du meldest dich mit deinem sitebrunch Account an. Danach bleibt die Verbindung bestehen. Die Einrichtung für Cursor, Windsurf, Codex, Claude Desktop und GitHub Copilot findest du auf der [Seite zum MCP Server](https://www.sitebrunch.com/accessibility/mcp-server). **Schritt 3: Claude Code die Funde abarbeiten lassen.** Öffne Claude Code in deinem Projekt und beschreibe die Aufgabe in normaler Sprache, zum Beispiel: „Hole dir die kritischen Funde aus meinem letzten sitebrunch Audit für die Startseite. Behebe die technischen Probleme im Code. Überspringe alles, was aus dem CMS kommt oder eine Entscheidung über das Design braucht, und dokumentiere den Grund.“ Claude Code ruft daraufhin die Funde aus deinem Audit nach Schweregrad ab, holt sich zu jedem Fund Selektor, Screenshot und Lösungsvorschlag, sucht die passende Stelle im Code und setzt den Fix um. **Schritt 4: Ergebnisse prüfen.** Jeder Fix landet als Kommentar am jeweiligen Fund in sitebrunch, inklusive der geänderten Dateien. Übersprungene Funde sind mit Begründung markiert, damit dein Team sie gezielt bearbeiten kann. Sieh dir die Änderungen im Code an, bevor du sie veröffentlichst. Starte danach ein Re-Audit, um zu prüfen, ob die Barrieren wirklich behoben sind. ## Worauf du achten solltest - **Arbeite in einem eigenen Branch.** So kannst du jede Änderung vor dem Veröffentlichen prüfen und bei Bedarf zurücknehmen. - **Fang mit den kritischen Funden an.** Lass die KI zuerst die schweren Probleme auf den wichtigsten Seiten beheben, zum Beispiel Checkout oder Kontaktformular. - **Prüf nach dem Fix manuell.** Ein korrekter Code heißt noch nicht, dass die Seite gut bedienbar ist. Das zeigt nur ein erneuter Test. - **Teste selbstgebaute Bedienelemente mit Tastatur und Screenreader.** Hier reicht korrekter Code allein am wenigsten. - **Plane die übersprungenen Funde ein.** Alternativtexte aus dem CMS und Kontraste brauchen jemanden aus Redaktion oder Design. ## FAQ ### Welche KI-Tools funktionieren mit dem sitebrunch MCP Server? Alle Tools, die das Model Context Protocol über HTTP unterstützen. Dazu gehören Claude Code, Claude Desktop, Cursor, Windsurf, GitHub Copilot in VS Code und Codex. Bei GitHub Copilot funktionieren die MCP-Tools nur im Agent-Modus. ### Kostet der MCP Server extra? Nein. Der MCP Server ist in allen sitebrunch Plänen enthalten, die Audits beinhalten. Die Kosten für die KI selbst hängen von deinem eigenen KI-Tool ab. ### Kann die KI mein Audit ersetzen? Nein. Die KI behebt Probleme, die ein Mensch vorher gefunden hat. Ob eine Website wirklich barrierefrei bedienbar ist, zeigt nur eine manuelle Prüfung. Die KI nimmt deinem Team aber einen großen Teil der Fleißarbeit beim Beheben ab: Stelle im Code suchen, Fix umsetzen, dokumentieren. --- source: https://www.sitebrunch.com/news/kostenloser-barrierefreier-pdf-editor # Neu: der kostenlose barrierefreie PDF-Editor von sitebrunch > Der sitebrunch PDF-Editor ist da: barrierefreie PDFs gestalten, Word umwandeln, Formulare erstellen. Kostenlos, ohne Anmeldung, ohne Upload. **Ab heute gibt es den sitebrunch PDF-Editor: ein kostenloses Werkzeug, mit dem du barrierefreie PDFs gestaltest, Word-Dateien in getaggte PDFs umwandelst und Formulare erstellst. Der Editor läuft komplett in deinem Browser. Du brauchst kein Konto, und deine Dateien werden nicht hochgeladen.** **Das Wichtigste in Kürze** - Der sitebrunch PDF-Editor ist kostenlos, braucht keine Anmeldung und setzt kein Wasserzeichen. Du findest ihn unter [pdf.sitebrunch.com](https://pdf.sitebrunch.com/?utm_source=website&utm_medium=internal&utm_campaign=pdf_editor&utm_content=launch_article). - Jedes Element bekommt eine Rolle wie Überschrift, Absatz, Bild oder Tabelle. Beim Export entsteht daraus ein getaggtes PDF mit Strukturbaum und Lesereihenfolge. - Während du gestaltest, prüft der Editor automatisch Alt-Texte, Überschriftenebenen, Tabellen und den Kontrast nach WCAG, auch bei Text auf Fotos. - Du startest mit einer von 15 Vorlagen, einer leeren Seite, einem PDF oder einer Word-Datei. - Deine Dateien bleiben auf deinem Gerät. Du öffnest, bearbeitest und exportierst sie direkt im Browser. ## Warum wir einen PDF-Editor gebaut haben Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Für viele Unternehmen kann das neben der Website auch Dokumente betreffen, die zu ihren Angeboten gehören. Öffentliche Stellen sind schon länger durch die BITV 2.0 zur Barrierefreiheit verpflichtet. In unserer PDF-Prüfung sehen wir jeden Tag dasselbe Muster: Die meisten PDFs entstehen in einem Design-Tool und werden erst danach barrierefrei gemacht, wenn überhaupt. Das nachträgliche Taggen braucht teure Software und viel Fachwissen. Viele Teams geben an dieser Stelle auf. Wir wollten die Reihenfolge umdrehen. Wer ein PDF gestaltet, soll die Struktur gleich mit anlegen. Und das Werkzeug dafür soll nichts kosten. ## Was der sitebrunch PDF-Editor kann ### Barrierefreiheit von Anfang an Für jedes Element legst du fest, was es ist: Überschrift H1 bis H6, Absatz, Bild, Tabelle, Liste oder dekoratives Element. Die Lesereihenfolge blendest du als Nummern auf der Seite ein, und du kannst sie mit der Maus neu zeichnen. Beim Export setzt der Editor Titel und Sprache, bettet die Schriften ein und erzeugt Lesezeichen aus deinen Überschriften. Mehr dazu auf der Seite [Barrierefreier PDF-Editor](https://www.sitebrunch.com/accessibility/pdfs/barrierefreier-pdf-editor). ### Automatische Prüfung auf Barrierefreiheit Der Editor meldet fehlende Alt-Texte, übersprungene Überschriftenebenen, eine fehlende H1, Tabellen ohne Kopfzeile sowie einen fehlenden Titel oder eine fehlende Dokumentsprache. Den Kontrast berechnet er nach WCAG, auch bei Text auf Fotos. Dafür misst er die Farben im Bild direkt hinter der Schrift. Ein Klick auf einen Hinweis bringt dich direkt zur Stelle. ### Gestalten wie in Canva Zum Start gibt es 15 Vorlagen für Flyer, Plakate, Speisekarten, Faltblätter, Einladungen und Karten. Dazu kommen fast 2.000 Schriften, 324 Icons, Formen, Tabellen und QR-Codes. Wer mit Canva arbeitet, findet sich sofort zurecht und bekommt am Ende ein PDF, das ein Screenreader richtig vorliest. Den Vergleich findest du auf der Seite [Canva-Alternative](https://www.sitebrunch.com/accessibility/pdfs/canva-alternative). ### Word-Dateien umwandeln Zieh eine DOCX-Datei in den Editor. Die Umwandlung läuft direkt in deinem Browser. Überschriften, Listen und Tabellen aus deinen Word-Formatvorlagen werden zu Tags, und deine Alt-Texte kommen mit. Das Dokument öffnet sich im Schreibmodus, in dem du wie in einer Textverarbeitung weiterschreibst. Die Anleitung findest du unter [Word in barrierefreies PDF umwandeln](https://www.sitebrunch.com/accessibility/pdfs/word-in-barrierefreies-pdf). ### Formulare und Unterschriften Füge Textfelder, Kontrollkästchen, Optionsgruppen und Auswahllisten ein. Jedes Feld hat eine Beschriftung, die der Screenreader vorliest, und lässt sich im fertigen PDF ausfüllen. Deine Unterschrift kannst du zeichnen, in einer Handschrift tippen oder als Foto einfügen. Der Editor setzt sie mit Alt-Text ins PDF. Beispiele für verschiedene Dokumente zeigt die Seite [Barrierefreie Dokumente erstellen](https://www.sitebrunch.com/accessibility/pdfs/barrierefreie-dokumente-erstellen). ### Alles bleibt in deinem Browser Der Editor braucht keinen Server für deine Dateien. Deine Projekte speichert er in deinem Browser. So kannst du auch Verträge, Zeugnisse und andere Unterlagen mit persönlichen Daten bearbeiten. ## PDF-Editor oder PDF-Prüfung? Mit dem PDF-Editor erstellst du neue barrierefreie PDFs. Für bestehende PDFs, etwa alle PDFs auf deiner Website, gibt es die PDF-Prüfung im sitebrunch Dashboard. Merkmal sitebrunch PDF-Editor PDF-Prüfung im sitebrunch Dashboard **Wofür** Barrierefreie PDFs gestalten und umwandeln Bestehende PDFs prüfen **Prüfung** Automatisch, während du gestaltest Nach PDF/UA mit veraPDF und nach WCAG **Umfang** Ein Dokument nach dem anderen Einzelne PDFs oder alle PDFs deiner Website **Konto** Nicht nötig Nötig **Preis** Kostenlos Kostenlos für 3 PDFs, mehr in den Tarifen Mehr zur Prüfung liest du auf der Seite [PDFs auf Barrierefreiheit prüfen](https://www.sitebrunch.com/accessibility/pdfs). ## So startest du - Öffne [pdf.sitebrunch.com](https://pdf.sitebrunch.com/?utm_source=website&utm_medium=internal&utm_campaign=pdf_editor&utm_content=launch_article) in einem aktuellen Browser. - Wähl eine Vorlage, eine leere Seite, ein PDF oder eine Word-Datei. - Gib jedem Element eine Rolle und schreib Alt-Texte für deine Bilder. - Arbeite die Hinweise des Editors ab. - Exportiere dein getaggtes PDF. ## Häufige Fragen ### Was kostet der sitebrunch PDF-Editor? Nichts. Der Editor ist kostenlos. Es gibt keine Anmeldung, kein Wasserzeichen und kein Seitenlimit. ### Brauche ich ein sitebrunch Konto? Nein. Ein Konto brauchst du nur für die PDF-Prüfung im Dashboard, etwa wenn du alle PDFs deiner Website prüfen willst. ### Ist ein PDF aus dem Editor automatisch barrierefrei? Nicht automatisch. Der Editor liefert die technische Struktur. Gute Alt-Texte und eine sinnvolle Lesereihenfolge hängen aber von dir ab. Die automatische Prüfung hilft dir dabei, ersetzt aber keine Kontrolle durch Menschen. ### Wo werden meine Dateien gespeichert? In deinem Browser. Sie werden nicht auf unsere Server hochgeladen. Wenn du die Browserdaten löschst, sind die Projekte weg. Exportiere wichtige Dokumente deshalb als PDF. ### Gibt es den Editor auch auf Englisch? Ja. Die Oberfläche gibt es auf Deutsch und Englisch. Neue Dokumente bekommen automatisch die Sprache der Oberfläche als Dokumentsprache. ### Was kann der Editor nicht? Kommentare einfügen oder PDFs zusammenführen, aufteilen und drehen kannst du im Editor nicht. Er konzentriert sich darauf, barrierefreie PDFs zu gestalten. --- source: https://www.sitebrunch.com/news/barrierefreie-pdfs-erstellen # Barrierefreie PDFs erstellen: alle Wege im ehrlichen Vergleich > Barrierefreie PDFs erstellen mit Word, InDesign, Acrobat Pro, axesPDF oder dem kostenlosen sitebrunch PDF-Editor. Aufwand, Kosten und Grenzen im Überblick. **Barrierefreie PDFs erstellst du auf zwei Arten: Entweder du legst die Struktur schon beim Gestalten an, oder du machst ein fertiges PDF nachträglich barrierefrei. Der erste Weg ist fast immer schneller und günstiger. Welches Werkzeug passt, hängt davon ab, womit du heute arbeitest und wie viele PDFs du veröffentlichst.** **Das Wichtigste in Kürze** - Ein PDF ist barrierefrei, wenn ein Screenreader es richtig vorlesen kann. Dafür braucht es Tags, eine sinnvolle Lesereihenfolge, Alt-Texte, genug Kontrast sowie Titel und Sprache. Der Standard dafür heißt PDF/UA (ISO 14289). - Word und LibreOffice erzeugen getaggte PDFs, wenn du sauber mit Formatvorlagen arbeitest. Für einfache Texte reicht das oft. - InDesign eignet sich für aufwendige Layouts, braucht aber Erfahrung. Oft muss das PDF danach noch in Acrobat Pro nachgebessert werden. - Nachträglich taggen in Acrobat Pro oder mit Spezialtools wie axesPDF funktioniert mit jedem PDF, kostet aber Zeit, Lizenzgebühren und Fachwissen. - Der kostenlose sitebrunch PDF-Editor legt die Struktur beim Gestalten im Browser an. Prüfen solltest du jedes PDF am Ende trotzdem, zum Beispiel mit dem kostenlosen PAC oder der PDF-Prüfung von sitebrunch. Deren Free-Plan enthält 3 PDF-Prüfungen. ## Was ein PDF barrierefrei macht Ein Screenreader liest ein PDF nicht so, wie es aussieht. Er folgt der unsichtbaren Struktur im Hintergrund. Fehlt sie, hört man nur eine ungeordnete Folge von Wörtern. Der Maßstab dafür ist PDF/UA, die internationale Norm [ISO 14289-1](https://www.iso.org/standard/64599.html). Egal welches Werkzeug du nutzt, am Ende müssen diese Punkte stimmen: - **Tags:** Das PDF hat einen Tag-Baum, und jedes Element ist als Überschrift, Absatz, Liste, Tabelle oder Bild ausgezeichnet. - **Überschriften ohne Lücken:** Auf H1 folgt H2, nicht H3. Text, der nur fett und groß ist, ist keine Überschrift. - **Lesereihenfolge:** Inhalte werden in einer sinnvollen Reihenfolge vorgelesen, auch bei mehreren Spalten oder Textkästen. - **Alt-Texte:** Jedes Bild, das etwas aussagt, hat eine kurze Beschreibung. Rein dekorative Elemente sind als Artefakt markiert und werden übersprungen. - **Tabellen und Listen:** Tabellen haben echte Kopfzellen. Einfache Tabellen sind robuster als verschachtelte. Listen entstehen mit der Listenfunktion, nicht mit getippten Spiegelstrichen. - **Kontrast und echter Text:** Text hebt sich deutlich vom Hintergrund ab, auch auf Fotos. Texte und Tabellen sind kein Bild. - **Titel und Sprache:** Im Dokument sind ein Titel und die Dokumentsprache hinterlegt. - **Formulare:** Jedes Formularfeld hat eine Beschriftung, die vorgelesen wird. Die meisten dieser Punkte legst du schon beim Schreiben oder Gestalten fest. Deshalb unterscheiden sich die Wege vor allem darin, wann du die Arbeit machst. Öffentliche Stellen sind in Deutschland schon länger zu barrierefreien Dokumenten verpflichtet: Bundesbehörden über die BITV 2.0, Länder und Kommunen über ihre eigenen Landesgesetze. Seit dem 28. Juni 2025 gilt außerdem das Barrierefreiheitsstärkungsgesetz (BFSG). Es kann auch PDFs betreffen, die zu einem digitalen Angebot gehören, etwa Vertragsunterlagen oder Produktinformationen im Onlineshop. ## Die Wege im Überblick Weg Gut für Aufwand Kosten **Word oder LibreOffice** Berichte, Merkblätter, einfache Texte Gering, wenn du Formatvorlagen nutzt Word im Abo oder als Einmalkauf, LibreOffice kostenlos **Adobe InDesign** Aufwendige Layouts, Magazine, Geschäftsberichte Hoch, braucht Erfahrung Creative-Cloud-Abo **Nachträglich in Acrobat Pro** Vorhandene PDFs, die du nicht neu erstellen kannst Hoch, je nach Layout sehr hoch Acrobat-Pro-Abo **Spezialtools wie axesPDF oder CommonLook** Profis, die viele PDFs reparieren Mittel, nach Einarbeitung Kostenpflichtige Lizenz **Dienstleister** Viele oder komplexe Dokumente ohne eigenes Know-how Gering für dich Meist pro Seite oder Dokument **sitebrunch PDF-Editor** Flyer, Einladungen, Formulare, Word-Dateien Gering Kostenlos ### 1. Aus Word oder LibreOffice exportieren Für viele Dokumente ist das der naheliegende Weg. Wichtig ist, was du vorher tust: Überschriften mit Formatvorlagen setzen, echte Listen und Tabellen verwenden, Alt-Texte für Bilder schreiben. [Microsoft empfiehlt](https://support.microsoft.com/de-de/accessibility/office-accessibility/create-accessible-pdfs), vor dem Export die Barrierefreiheitsprüfung von Word laufen zu lassen. In Word für Windows gehst du so vor: **Datei > Speichern unter > PDF > Optionen > „Dokumentstrukturtags für Barrierefreiheit“ aktivieren** Auf dem Mac heißt die Option „Am besten für elektronische Verteilung und Barrierefreiheit“. Word schickt das Dokument dafür laut Microsoft zur Umwandlung an einen Onlinedienst, der die Inhalte nicht speichert. Wenn deine Organisation strenge Datenschutzvorgaben hat, kläre das vorher mit der IT. [LibreOffice](https://help.libreoffice.org/latest/de/text/shared/01/ref_pdf_export_universal_accessibility.html) hat beim PDF-Export im Register „Allgemein“ die Option „Barrierefreiheit (PDF/UA)“. Die Prüfung unter **Extras > Prüfung der Barrierefreiheit** meldet unter anderem fehlende Alt-Texte, übersprungene Überschriftenebenen, manuelle Nummerierung, verbundene Tabellenzellen sowie Fuß- und Endnoten. Plane Tabellen deshalb von Anfang an einfach. **Grenzen:** Word schreibt Tags, verspricht aber kein PDF/UA-konformes Ergebnis. Du siehst in Word auch nicht, welcher Strukturbaum und welche Lesereihenfolge im PDF ankommen. Bei Textfeldern, mehreren Spalten oder frei platzierten Bildern stimmt die Reihenfolge oft nicht. Wer mehr Kontrolle will, greift zu einem Add-in wie axesWord. Mehr dazu auf unserer Seite [Word in barrierefreies PDF umwandeln](https://www.sitebrunch.com/accessibility/pdfs/word-in-barrierefreies-pdf). ### 2. Mit Adobe InDesign gestalten InDesign ist das Standardwerkzeug für professionelle Layouts. Adobe beschreibt den Weg in der Hilfe zu [barrierefreien PDFs in InDesign](https://helpx.adobe.com/de/indesign/desktop/interactive-elements-and-forms/forms-and-pdfs/accessible-pdfs.html). Du ordnest Absatzformaten Tags zu, legst die Lesereihenfolge über das Artikel-Bedienfeld fest und hinterlegst Alt-Texte in den Objektexportoptionen. Dann exportierst du ein getaggtes PDF. Plane das von Anfang an ein. Wer es erst nach dem Layout angeht, macht die Arbeit zweimal. **Grenzen:** In der Praxis musst du das PDF danach oft noch in Acrobat Pro oder einem Spezialtool nachbessern, zum Beispiel bei Tabellen oder Formularen. Plug-ins wie MadeToTag helfen beim Export. Ohne Erfahrung mit barrierefreien InDesign-Workflows wird das schnell aufwendig. ### 3. Nachträglich in Adobe Acrobat Pro taggen Acrobat Pro kann jedes PDF bearbeiten und gibt es als [Jahres- oder Monats-Abo](https://www.adobe.com/de/acrobat/acrobat-pro.html). Die automatische Tag-Erkennung liefert einen ersten Entwurf. Danach korrigierst du Tags, Lesereihenfolge und Alt-Texte von Hand und lässt die Prüfung von Acrobat laufen. **Grenzen:** Automatische Tags sind nur ein Rohbau. Ein Tool kann einen Text als Überschrift markieren, erkennt aber nicht, ob das inhaltlich stimmt. Du kontrollierst also jede Seite von Hand. Und wenn sich das Originaldokument ändert, fängst du von vorn an. Dieser Weg lohnt sich vor allem für PDFs, deren Quelldatei du nicht mehr hast. ### 4. Spezialtools wie axesPDF oder CommonLook Werkzeuge wie axesPDF oder CommonLook PDF sind speziell für barrierefreie PDFs gebaut. Sie zeigen die Struktur übersichtlicher als Acrobat und prüfen gezielt nach PDF/UA. Für Word gibt es mit axesWord außerdem ein Add-in, das beim Export mehr Kontrolle gibt als Word selbst. **Grenzen:** Die Tools kosten Lizenzgebühren und richten sich an Menschen, die regelmäßig PDFs barrierefrei machen. Für ein paar Dokumente im Jahr ist die Einarbeitung meist zu viel. ### 5. Einen Dienstleister beauftragen Wenn du viele oder sehr komplexe Dokumente hast, etwa Geschäftsberichte oder lange Formulare, kann ein spezialisierter Dienstleister sinnvoll sein. Abgerechnet wird meist pro Seite oder pro Dokument. **Grenzen:** Jede neue Version kostet erneut, und das Wissen bleibt beim Dienstleister. Lass dir im Angebot schriftlich zusichern, dass das Ergebnis PDF/UA erfüllt, und verlange einen Prüfbericht als Nachweis. Kläre vorab, was ein späteres Update kostet. ### 6. Mit dem sitebrunch PDF-Editor gestalten Den [sitebrunch PDF-Editor](https://www.sitebrunch.com/accessibility/pdfs/barrierefreier-pdf-editor) haben wir gebaut, weil die Wege oben für viele Teams zu teuer oder zu aufwendig sind. Du gestaltest im Browser, und jedes Element bekommt dabei eine Rolle: Überschrift, Absatz, Liste, Tabelle, Bild oder dekoratives Element. Beim Export entsteht ein getaggtes PDF mit Strukturbaum, Lesereihenfolge, Titel, Sprache, eingebetteten Schriften und Lesezeichen. - Die Lesereihenfolge siehst du als Nummern auf der Seite und zeichnest sie bei Bedarf mit der Maus neu. - Während du arbeitest, prüft der Editor fehlende Alt-Texte, übersprungene Überschriftenebenen, Tabellen ohne Kopfzeile und den Kontrast nach WCAG, auch auf Fotos. - Du startest mit einer von 15 fertig getaggten Vorlagen, einer leeren Seite, einem vorhandenen PDF oder einer Word-Datei. - Formularfelder bekommen Beschriftungen und bleiben im fertigen PDF ausfüllbar. - Der Editor ist kostenlos, braucht kein Konto, und deine Dateien werden nicht hochgeladen. Du findest ihn unter [pdf.sitebrunch.com](https://pdf.sitebrunch.com/?utm_source=website&utm_medium=internal&utm_campaign=pdf_editor&utm_content=pdf_erstellen_article). **Grenzen:** Der Editor ersetzt kein InDesign für große Druckprojekte. Wer dort bereits einen eingespielten barrierefreien Workflow hat, bleibt besser dabei. PDFs zusammenführen, aufteilen oder kommentieren kannst du im Editor nicht. Öffnest du ein PDF ohne Tags, erkennt der Editor Überschriften an der Schriftgröße. Diese Überschriften solltest du vor dem Export prüfen. Und wie bei jedem Werkzeug gilt: Gute Alt-Texte und eine sinnvolle Reihenfolge hängen von dir ab. ## Welcher Weg passt zu dir? - **Du schreibst Berichte oder Merkblätter in Word:** Bleib bei Word, arbeite mit Formatvorlagen und prüf das Ergebnis. Oder öffne die DOCX-Datei im sitebrunch PDF-Editor, um Strukturbaum und Lesereihenfolge vor dem Export zu sehen. - **Du gestaltest Flyer, Einladungen oder Speisekarten, bisher etwa in Canva:** Gestalte direkt im sitebrunch PDF-Editor. PDFs aus Canva erfüllen PDF/UA nicht. Mehr dazu auf unserer Seite [Canva-Alternative](https://www.sitebrunch.com/accessibility/pdfs/canva-alternative). - **Deine Agentur setzt Geschäftsberichte in InDesign:** Bleib bei InDesign mit einem barrierefreien Workflow und plane die Nacharbeit in Acrobat Pro oder einem Spezialtool ein. - **Du hast ein fertiges PDF ohne Quelldatei:** Taggen in Acrobat Pro oder einem Spezialtool. Bei einfachen Layouts kannst du es auch im sitebrunch PDF-Editor öffnen und neu exportieren. - **Du hast Hunderte Dokumente:** Prüf zuerst, welche davon wirklich online bleiben müssen. Für den Rest lohnt sich ein Dienstleister oder ein eigenes Team mit Spezialtools. ## Vor dem Veröffentlichen prüfen Egal welchen Weg du wählst: Prüf jedes PDF, bevor du es veröffentlichst. Der [PDF Accessibility Checker (PAC)](https://pac.pdf-accessibility.org/de) ist kostenlos, seit 2010 im Einsatz und wird vom Bundesministerium für Arbeit und Soziales gefördert. Er läuft unter Windows, prüft die maschinell prüfbaren Anforderungen von PDF/UA und zeigt dir in einer Screenreader-Vorschau, wie die Struktur ankommt. Die aktuelle Version PAC 2026 ergänzt KI-gestützte Analysen. Mit der [PDF-Prüfung von sitebrunch](https://www.sitebrunch.com/accessibility/pdfs) prüfst du PDFs im Browser auf PDF/UA und WCAG, unabhängig vom Betriebssystem. Du prüfst einzelne PDFs oder lässt ganze Websites nach eingebundenen PDFs durchsuchen. Die Lesereihenfolge kontrollierst du in einer eigenen Ansicht. Der [Free-Plan](https://www.sitebrunch.com/preise) enthält 3 PDF-Prüfungen. Ab dem Starter-Plan veröffentlichst du den Prüfbericht als teilbare URL. Die Fehler selbst behebst du im Quelldokument oder im Editor und exportierst neu, wie in unserer [Anleitung zum PDF-Prüfen](https://www.sitebrunch.com/hilfecenter/erste-schritte/pdf-pruefen) beschrieben. Automatische Prüfungen finden aber nicht alles. Ob ein Alt-Text sinnvoll ist oder die Lesereihenfolge Sinn ergibt, beurteilt nur ein Mensch. Hör dir wichtige Dokumente deshalb einmal mit einem Screenreader an, zum Beispiel mit dem kostenlosen NVDA. ## So gehst du vor - Baue das Quelldokument mit Formatvorlagen für Überschriften, Listen und Tabellen auf, oder gestalte direkt im sitebrunch PDF-Editor. - Vergib Alt-Texte und setze Titel und Sprache in den Dokumenteigenschaften. - Lass die eingebaute Prüfung deines Werkzeugs laufen. - Exportiere mit Tags beziehungsweise mit der Option für PDF/UA. - Prüf das PDF mit PAC oder der PDF-Prüfung von sitebrunch und kontrolliere die Lesereihenfolge von Hand. - Behebe Fehler in der Quelle, exportiere neu und prüf erneut. Wenn du das Vorgehen im Team lernen willst: Unser E-Learning [„Barrierefreie Dokumente erstellen“](https://www.sitebrunch.com/accessibility/schulungsinhalte) behandelt Grundwissen, Word und das Prüfen. Es ist im Agency-Plan enthalten und als Einzellizenz erhältlich. ## Häufige Fragen ### Ist ein PDF aus Word automatisch barrierefrei? Nein. Word schreibt Tags aus deinen Formatvorlagen ins PDF. Ob das Ergebnis barrierefrei ist, hängt davon ab, wie sauber das Word-Dokument aufgebaut ist. Text, der nur fett und groß formatiert ist, wird keine Überschrift. Prüf das PDF deshalb immer, zum Beispiel mit PAC. ### Wenn PAC keine Fehler meldet, ist mein PDF dann barrierefrei? Nicht unbedingt. PAC und andere automatische Prüfungen finden technische Fehler wie fehlende Tags, fehlende Alt-Texte oder einen fehlenden Titel. Ob ein Alt-Text passt oder die Reihenfolge logisch ist, zeigt erst die Sichtprüfung. Die Screenreader-Vorschau von PAC hilft dir dabei. ### Muss jedes PDF auf meiner Website barrierefrei sein? Öffentliche Stellen müssen PDFs und andere Dokumente, die sie online anbieten, grundsätzlich barrierefrei machen. Für Bundesbehörden gilt die BITV 2.0, für Länder und Kommunen gelten eigene Landesgesetze. Ausnahmen gibt es etwa für ältere Archivinhalte. Für Unternehmen hängt es davon ab, ob das PDF zu einem Angebot gehört, das unter das BFSG fällt. Im Zweifel ist es besser, wichtige Dokumente barrierefrei zu machen oder die Inhalte zusätzlich als barrierefreie Webseite anzubieten. ### Was kostet es, ein barrierefreies PDF zu erstellen? Das hängt vom Weg ab. LibreOffice, PAC, NVDA und der sitebrunch PDF-Editor sind kostenlos. InDesign und Acrobat Pro gibt es nur im Abo, Word im Microsoft-365-Abo oder als Einmalkauf. Spezialtools und Dienstleister kosten Lizenzgebühren oder werden pro Seite abgerechnet. Der größte Kostenfaktor ist meist die Zeit für das nachträgliche Taggen. ### Kann ich ein Canva-PDF barrierefrei machen? Ja, aber nicht vollständig in Canva selbst. Canva kann einzelne Angaben wie Alt-Texte und Überschriften ins PDF schreiben, erfüllt PDF/UA aber nicht. Exportiere dein Design als PDF und öffne es im sitebrunch PDF-Editor oder in Acrobat Pro. Dort legst du Tags, Lesereihenfolge und Alt-Texte an. Einfacher ist es, das Dokument gleich in einem Werkzeug zu gestalten, das die Struktur mit anlegt. Stand: September 2026. Die Angaben zu Word, LibreOffice, InDesign, Acrobat, PAC und den Spezialtools beruhen auf den verlinkten Seiten der Hersteller.