--- url: 'https://dxpr.com/de/drupal-accessibility' title: 'Drupal-Barrierefreiheit: WCAG 2.2, Section 508 und ADA' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-06T18:07:39+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: drag_and_drop_page summary: 'Drupal-Barrierefreiheit, die über den Launch hinaus hält.Jede neue Seite ist eine neue Barrierefreiheitsentscheidung.' image: 'https://dxpr.com/sites/default/files/design-2026/25-accessibility.webp' published: true --- ## [Drupal-Barrierefreiheit: WCAG 2.2, Section 508 und ADA](/de/drupal-accessibility) # Drupal-Barrierefreiheit, die über den Launch hinaus hält. Jede neue Seite ist eine neue Barrierefreiheitsentscheidung. DXPR Builder und DXPR Theme geben Ihrer Redaktion semantische Struktur, Alt-Text-Tools und tastaturfreundliches Editing auf Drupals WCAG-Fundament. [Vertrieb kontaktieren](/contact) [Live-Demo testen](https://try.dxpr.com) ## Ein Audit prüft einen Tag. Die Redaktion veröffentlicht jeden Tag. Websites scheitern selten an ihren Templates. Sie driften: eine übersprungene Überschrift, eine fehlende Bildbeschreibung, weißer Text auf hellem Foto, ein Link mit „Hier klicken“. 1. ### Mit barrierefreiem Markup starten Drupal Core und DXPR Theme liefern Landmarks, Skip-Link und Navigation. DXPR Builder ergänzt Seiten als Bootstrap-5-HTML in einem Drupal-Textfeld. 2. ### Alltagsentscheidungen lenken Die Redaktion wählt echte Überschriftenebenen, beschreibt Bilder und nutzt Abschnitte weiter, die Ihre Barrierefreiheits-Verantwortung bereits geprüft hat. 3. ### Prüfen vor und nach dem Veröffentlichen Prüfen Sie im Vorschaumodus mit Tastatur und automatisiertem Checker. Behalten Sie Tests und Freigabe Ihres Teams in Drupals Workflow. ## Seiten aus semantischem HTML. Eine mit DXPR Builder gebaute Seite ist eine gewöhnliche Drupal-Seite. Assistive Technologie liest dasselbe HTML, das die Browser Ihrer Besucher rendern. ### Echte Überschriften und Listen Textelemente nutzen CKEditor 5 mit Heading 1 bis 6, Absätzen und Listen. Menschen mit Screenreader können sich anhand der Gliederung durch eine Seite bewegen statt aus Schriftgrößen zu raten. ### Interaktive Elemente, die sich selbst ankündigen Tabs rendern mit Tablist-, Tab- und Tabpanel-Rollen. Fortschrittsbalken und Zähler legen ihre Werte offen. Karussell-Pfeile haben Textlabels, und Social-Links tragen einen Namen. ### Bewegung, die Anwendereinstellungen respektiert Eingangsanimationen und laufende Marquees stoppen, wenn das System eines Besuchers reduzierte Bewegung anfordert. Karussell-Autoplay lässt sich pro Karussell abschalten. ## Ein Editor, den mehr Menschen nutzen können. Barrierefreies Authoring zählt auch. Die Person, die Ihre nächste Seite veröffentlicht, nutzt vielleicht eine Tastatur oder einen Screenreader. ### Keine Maus erforderlich Jede Elementaktion hat ein Tastaturkürzel. Cmd oder Strg mit den Pfeiltasten verschiebt Elemente und Spalten, eine Tastaturalternative zum Ziehen. ### Dialoge und Meldungen für Screenreader Einstellungspanels öffnen sich als gelabelte Dialoge mit benanntem Schließen-Button. Benachrichtigungen werden über Live-Regions angesagt. ### Sichtbarer Fokus, ruhigere Bewegung Editor-Steuerelemente nutzen sichtbare Fokus-Stile. Editor-Animationen werden übersprungen, wenn Ihr System reduzierte Bewegung anfordert. ## Alt-Text, wo Ihre Bilder bereits leben. Beschreiben Sie ein Bild einmal in Drupals Mediathek. DXPR Builder trägt diese Beschreibung auf jede Seite, die es nutzt. ### Ein Alt-Text-Feld an Bildelementen Image-, Image-Carousel- und Marquee-Elemente haben ein Alt-Attribut-Feld. Die Wahl eines Media-Items füllt es mit dem in Drupal gespeicherten Alt-Text, inklusive Acquia-DAM-Assets. ### KI-vorgeschlagene Beschreibungen, geprüft von Menschen DXPR CMS enthält das Modul AI Image Alt Text, mit einem Generate-with-AI-Button für die Redaktion. Die Redaktion prüft und korrigiert jeden Vorschlag vor dem Speichern. ### KI-Entwürfe, die den Regeln folgen Wenn DXPR AI eine Seite entwirft, verlangen seine Anweisungen Alt-Attribute an Bildern, semantisches HTML und echte Unterüberschriftenebenen. Ihre Redaktion prüft den Entwurf wie jeden anderen. ## Ein barrierefreies Drupal-Theme, bereit zum Konfigurieren. DXPR Theme ist gratis und Open Source. Es übernimmt die Seitenteile, die die Redaktion nicht anfasst. ### Skip-Link Ein „Skip to main content“-Link erscheint beim ersten Drücken von Tab. ### Landmarken Header, Navigation, Hauptinhalt, Sidebars und Footer tragen ARIA-Landmark-Rollen, sodass Menschen mit Screenreader zwischen ihnen springen können. ### Tastaturmenüs Dropdown-Menüs und der Mobilmenü-Button melden, ob sie offen sind. Dropdowns unterstützen Pfeiltasten-Navigation. ### Hochkontrast-Palette Die Farbeinstellungen des Themes enthalten ein schwarz-weißes Hochkontrast-Preset. Schon ein barrierefreies Theme? DXPR Builder funktioniert mit Ihrem bestehenden Drupal-Theme, sodass diese Arbeit erhalten bleibt. [DXPR Theme entdecken →](/premium-drupal-theme) ## Gebaut auf Drupals Barrierefreiheits-Engagement. DXPR erweitert Drupal statt es zu ersetzen. Ihre Seiten behalten alles, was die Drupal-Community in den Core gebaut hat. ### Barrierefreiheit als Core-Gate Drupal Core zielt auf WCAG 2.2 Level AA für öffentliche Seiten und Administrationsoberflächen und folgt ATAG 2.0 für das Authoring-Erlebnis. Neue Interface-Änderungen müssen vor dem Commit ein Barrierefreiheits-Review bestehen. ### Barrierefreie Themes und Bearbeitung Olivero und Claro, Drupals Standard-Frontend- und Administration-Themes, wurden für Barrierefreiheit designt. CKEditor 5 liefert Rich Text im Core und in DXPR Builder. ### Ansagen bei dynamischen Änderungen Drupals Announce-API sagt Menschen mit Screenreader, wenn sich Inhalte ohne Seitenreload ändern. ## Die Standards hinter Ihren Fristen. Die meisten Barrierefreiheitsregeln verweisen auf WCAG. Hier steht das Wichtigste im September 2026. Das ist Kontext für Ihre Planung, keine Rechtsberatung. ### ADA Title II US-Bundesstaaten und Kommunen müssen WCAG 2.1 AA auf Websites und in mobilen Apps erfüllen. Eine Interims-Schlussregel von 2026 verschob Compliance auf den 26. April 2027 für Einheiten mit 50.000 Menschen oder mehr und auf den 26. April 2028 für kleinere. Die Verlängerung wird gerichtlich angefochten. ### Section 508 US-Bundesbehörden müssen ihre elektronischen Inhalte WCAG 2.0 Level A und AA konform machen, nach den 2017 erneuerten Standards. WCAG 2.1 und 2.2 bauen auf diesen Kriterien auf. ### European Accessibility Act Seit dem 28. Juni 2025 deckt es Verbraucherdienste wie E-Commerce, Banking und Transport ab. EN 301 549 V4.1.1, veröffentlicht im September 2026, hebt den europäischen Standard auf WCAG 2.2. Öffentliche Websites folgen der Web Accessibility Directive. ### Lateinamerika Kolumbiens MinTIC Resolución 1519 de 2020 verlangt WCAG 2.1 AA auf Regierungswebsites seit Januar 2022. Brasiliens Lei Brasileira de Inclusão verlangt barrierefreie Websites von Behörden und von Unternehmen mit Sitz oder Vertretung im Land. Regeln ändern sich: Die US-Fristen wurden 2026 verschoben, und der europäische Standard soll im Amtsblatt zitiert werden. Klären Sie aktuelle Pflichten mit Ihrem Rechts- oder Barrierefreiheitsteam. ## Was Ihrem Team weiterhin gehört. Kein Page Builder macht eine Website allein konform. Diese Prüfungen bleiben bei den Menschen, die Ihre Seiten schreiben, designen und freigeben. - Schreiben Sie Alt-Texte, die zur Seite passen. Das Feld kann leer bleiben, und KI-Vorschläge brauchen menschliche Prüfung. - Halten Sie Überschriftenebenen in Reihenfolge. Card-, Jumbotron- und Panel-Titel nutzen feste Ebenen. - Prüfen Sie Farbkontraste selbst. Die Farbwähler bieten Ihre Palette, messen aber keine Kontraste. - Fügen Sie Video und Audio Untertitel und Transkripte hinzu. - Testen Sie mit Tastatur und automatisiertem Checker wie axe und beziehen Sie Menschen mit Behinderungen in Ihre Tests ein. - Dokumentieren Sie Konformität für Beschaffung mit eigenem Audit. ## Drupal-Barrierefreiheitsfragen. ## Ist Drupal barrierefrei? Drupal Core zielt auf WCAG 2.2 Level AA für öffentliche und administrative Oberflächen und nutzt ATAG 2.0 als Authoring-Leitlinie. Drupal sagt auch klar: Eine fertige Website ist nicht automatisch barrierefrei. Das Ergebnis hängt von Theme, Modulen, eigenem Code, Inhalten und Tests ab. ## Macht DXPR unsere Website WCAG-2.2-AA- oder Section-508-konform? Kein Produkt kann das für eine ganze Website garantieren. DXPR Builder und DXPR Theme geben Ihrem Team barrierefreie Bausteine und Bearbeitungstools. Konformität hängt weiter von Inhalten, Konfiguration und Tests ab; evaluieren Sie deshalb mit Ihren eigenen Seiten. ## Stellen Sie ein VPAT oder einen Accessibility Conformance Report bereit? DXPR veröffentlicht derzeit kein VPAT und keinen Accessibility Conformance Report für DXPR Builder oder DXPR Theme. Wenn Ihr Beschaffungsprozess eines verlangt, [sprechen Sie mit unserem Vertriebsteam](/contact) über Ihre Anforderungen vor Ihrer Evaluierung. ## Welche WCAG-Version sollten wir anstreben? US-Regeln verweisen auf WCAG 2.0 (Section 508) und 2.1 (ADA Title II), während der aktualisierte europäische Standard auf 2.2 geht. Das W3C empfiehlt WCAG 2.2 als Ziel, auch wo Regeln eine frühere Version nennen, weil es auf 2.0 und 2.1 aufbaut. ## Enthält DXPR einen Barrierefreiheits-Checker? Nein. Prüfen Sie Seiten im Vorschaumodus von DXPR Builder mit Tastatur und automatisiertem Tool, etwa dem Barrierefreiheits-Audit Ihres Browsers oder der axe-Erweiterung. Beigesteuerte Drupal-Module wie Editoria11y ergänzen In-Page-Prüfung für die Redaktion; nehmen Sie jeden geplanten Checker in Ihre Evaluierung auf. ## Kann KI unsere Alt-Texte schreiben? Sie kann sie vorschlagen. DXPR CMS enthält das Modul AI Image Alt Text, das Alt-Texte für Bilder in Drupals Mediathek entwirft. Wenn DXPR AI ein Bild generiert, nutzt DXPR Builder Ihren Prompt als Start-Alt-Text. In beiden Fällen sollte die Redaktion bestätigen, dass die Beschreibung zur Seite passt. ## Machen Sie Barrierefreiheit Teil jedes Launches. Schließen Sie sich über 2.000 Organisationen mit DXPR an, aus Verwaltung, Hochschulbildung und Gesundheitswesen. Bringen Sie Ihre Anforderungen und eine echte Seite mit; wir zeigen, wie DXPR zu Ihrer Prüf- und Veröffentlichungsweise passt. [Vertrieb kontaktieren](/contact) [Live-Demo testen](https://try.dxpr.com)