Schulung · Workshop · Coaching · Beratung

WordPress Barrierefreiheit Schulung: WCAG 2.2 und BFSG

WordPress Barrierefreiheit (Accessibility): WCAG 2.2 und BFSG in der Praxis

Dauer: ab 1 Tag | Preis: ab 900 EUR (Netto) | Termin: Ganztägig + halbtägig

Sie machen WordPress-Websites barrierefrei – mit passenden Themes und Plugins, zugänglichen Inhalten im Block-Editor und einem Prüfablauf aus automatisierten Tests, Tastatur und Screenreader.

Wann ist eine WordPress-Website mit Tastatur und Screenreader wirklich nutzbar?

Barrierefreiheit in WordPress entsteht an drei Stellen: im Theme, in den Plugins und in den Inhalten, die Redaktionen jeden Tag einpflegen. Ein sauberes Theme mit semantischem HTML und sichtbarem Fokus lässt sich durch ein einziges unzugängliches Slider- oder Formular-Plugin entwerten, und eine gut gebaute Seite durch Bilder ohne Alternativtext oder Überschriften, die nur nach Schriftgröße gewählt wurden. Seit das Barrierefreiheitsstärkungsgesetz gilt, ist das für viele Online-Shops und Dienstleistungsangebote keine Kür mehr, sondern eine Pflicht, die sich an der Norm EN 301 549 messen lassen muss – in der harmonisierten Fassung V3.2.1 mit WCAG 2.1 AA, in der neuen Fassung V4.1.1 mit WCAG 2.2 AA.

Wir beginnen mit den Prinzipien der WCAG, den rechtlichen Anforderungen und einem Überblick über unterstützende Technologien wie NVDA, VoiceOver und Bildschirmlupen. Danach prüfen Sie Block-Themes, klassische Themes und Page-Builder wie Elementor und Kadence Blocks auf Farbkontraste, Navigation, Seitenstruktur und Bilder. Ein eigenes Kapitel zeigt, woran Sie zugängliche Plugins erkennen, wie ARIA richtig eingesetzt wird und warum Overlay-Plugins keine Lösung sind. Für Redaktionen geht es um verständliche Texte, Überschriftenhierarchie, Links, Tabellen sowie Untertitel und Transkripte für Audio und Video – im Block-Editor ebenso wie im klassischen Editor. Getestet wird mit WAVE, axe DevTools, Bookmarklets, der Tastatur und dem Screenreader.

Bei der Behebung von Fehlern im Theme-Code kann ein Coding-Agent wie Claude Code im Terminal viel Kleinarbeit übernehmen: Er liest die Ergebnisse eines axe-Laufs, findet das zuständige Template oder Block-Pattern, korrigiert Markup und theme.json und lässt den Test erneut laufen. Mit WP-CLI kann er zudem Medien ohne Alternativtext auflisten. Was er nicht ersetzen kann, ist das Urteil von Menschen: Alternativtexte schreibt die Redaktion, und ob ein Dialog mit dem Screenreader verständlich ist, prüfen Sie selbst.

Im abschließenden Workshop gehen Sie mit einer Beispielsite oder Ihrer eigenen Website den kompletten Weg vom gefundenen Problem über die Ursache bis zur Korrektur und zur dokumentierten Barrierefreiheitserklärung.

Fast jede WordPress-Website, die ich prüfe, hat dieselben fünf Fehler: fehlende Alternativtexte, Überschriften nach Optik statt nach Struktur, zu schwacher Kontrast, unsichtbarer Tastaturfokus und Formulare ohne verknüpfte Beschriftung. Keiner davon braucht ein teures Plugin. Barrierefreiheit scheitert selten an der Technik, sondern daran, dass niemand sie in den Redaktionsalltag einplant. Ein Overlay-Widget verdeckt das Problem nur – behoben wird es im Theme und im Inhalt.
Themen und Inhalte für Ihre Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung:

WordPress Barrierefreiheit (Accessibility): WCAG 2.2 und BFSG in der Praxis

Grundlagen der Barrierefreiheit im Web
  • Konzepte der Barrierefreiheit: die vier WCAG-Prinzipien wahrnehmbar, bedienbar, verständlich, robust
  • WCAG 2.2 und die neuen Erfolgskriterien zu Fokus, Zielgrößen und Authentifizierung
  • Rechtlicher Rahmen: Barrierefreiheitsstärkungsgesetz (seit 28.06.2025), EN 301 549 und BITV 2.0
  • Normstand: harmonisierte EN 301 549 V3.2.1 verweist auf WCAG 2.1, die neue V4.1.1 auf WCAG 2.2
  • Barrierefreiheit im Unternehmen: Zuständigkeiten, Barrierefreiheitserklärung, Feedbackweg
  • Unterstützende Technologien: Screenreader NVDA, JAWS und VoiceOver, Vergrößerung, Sprachsteuerung
  • Barrierefreie WordPress-Websites planen: Theme, Plugins und Inhalte als drei Baustellen
WordPress-Kern und Website-Aufbau
  • Barrierefreiheit in WordPress: Accessibility-Team, Coding Standards und Grenzen des Kerns
  • Kernfunktionen: Sprunglinks, Bildschirmtexte, Admin-Oberfläche und Medienverwaltung
  • Klassische Themes: Templates in PHP, Menüs und Widgets
  • Site-Editor (Full Site Editing): Templates, Template-Teile und theme.json barrierefrei gestalten
  • Plugins als Risiko: Slider, Formulare, Cookie-Banner und Pop-ups
  • Barrierefreie Inhalte als Daueraufgabe der Redaktion statt als einmaliges Projekt
Barrierefreie Themes
  • Theme-Prüfung: Tag „accessibility-ready“, eigene Checkliste und Stichproben
  • Zugängliche Farben: Kontrastverhältnisse für Text, Bedienelemente und Fokusrahmen
  • Farbpalette in theme.json so festlegen, dass Redaktionen keine schwachen Kontraste wählen
  • Zugängliche Navigation: Navigations-Block, Untermenüs per Tastatur, mobiles Menü
  • Wahrnehmbare Bilder und Icons: Alternativtexte, dekorative Bilder, Icon-Schaltflächen mit Namen
  • Seitenarchitektur und HTML-Semantik: Landmarks, Überschriftenhierarchie, Sprachangabe
  • Seitenerstellung mit Block-Patterns, die Struktur und Kontrast schon mitbringen
  • Block-Themes, klassische Themes und Page-Builder wie Elementor und Kadence Blocks im Vergleich
Zugängliche Plugins und Interaktion
  • Zugänglichkeit eines Plugins beurteilen: Tastatur, Fokus, Beschriftungen, Changelog, Support-Forum
  • ARIA richtig einsetzen: Rollen, Zustände, aria-expanded und die erste Regel von ARIA
  • Dynamische Inhalte per AJAX ankündigen: Live-Regionen mit aria-live und wp.a11y.speak()
  • Formulare: verknüpfte Labels, Pflichtfelder, Fehlermeldungen und Bestätigungen
  • Formular-Plugins auf zugängliche Fehlermeldungen und CAPTCHA-Alternativen prüfen
  • Autorentools und ATAG: Wie Editor und Plugins Redaktionen zu barrierefreien Inhalten führen
Prüf- und Hilfs-Plugins
  • Prüfwerkzeuge im Backend: Accessibility Checker oder Editoria11y für Redaktionen
  • Overlays: Was Overlay-Plugins versprechen, was sie leisten und warum sie keine Konformität herstellen
  • Add-ons mit echtem Nutzen: Sprunglinks, Fokus-Hervorhebung, Korrektur von Theme-Schwächen
Barrierefreie Inhalte erstellen
  • Barrierefrei schreiben: verständliche Sprache, aussagekräftige Linktexte, Abkürzungen
  • Leichte Sprache und Einfache Sprache: wann welche Variante sinnvoll ist
  • Audio und Video: Untertitel, Transkripte, Audiodeskription und kein Autoplay
  • Inhalte auf der Seite organisieren: Überschriften, Listen, Datentabellen mit Kopfzellen
  • Block-Editor: Alternativtext, Überschriftenebenen, Listenansicht und Dokumentübersicht
  • Klassischer Editor in Bestandsseiten: Formate, Alternativtexte und Tabellen korrekt setzen
  • PDF-Downloads: barrierefreie Dokumente oder HTML-Alternative
Barrierefreiheit testen
  • Automatisierte und manuelle Tests: was Werkzeuge finden und was nur Menschen beurteilen
  • Tastaturtest: Tab-Reihenfolge, sichtbarer Fokus, Fokusfallen und Sprunglinks
  • WAVE von WebAIM: Fehler, Warnungen und Strukturansicht deuten
  • axe DevTools von Deque im Browser und axe-core in automatisierten Tests
  • Bookmarklets für schnelle Bewertungen: Überschriften, Landmarks, Textabstände
  • Screenreader-Test mit NVDA und VoiceOver an typischen Seitentypen
  • Zoom auf 200 und 400 Prozent, Umbruch ohne horizontales Scrollen und Kontrastmodus
Fehler finden und beheben
  • Problem auffinden: Befund aus Test oder Nutzerrückmeldung reproduzieren
  • Ursache eingrenzen: Inhalt, Theme, Plugin oder WordPress-Kern
  • Lösung festlegen: Redaktionsregel, Theme-Anpassung per Child-Theme, Plugin-Ersatz
  • Änderung umsetzen, erneut testen und in der Barrierefreiheitserklärung dokumentieren
Barrierefreiheit mit Coding-Agenten verbessern
  • axe-Befunde aus einem Playwright-Lauf an den Agenten geben, der das zuständige WordPress-Template findet
  • Kontrast- und Fokuskorrekturen in theme.json und Child-Theme statt im Plugin-Code
  • Mit WP-CLI in der WordPress-Mediathek Dateien ohne Alternativtext und Beiträge mit übersprungenen Überschriftenebenen auflisten
  • Vorgeschlagene Alternativtexte nur als Entwurf – die Redaktion entscheidet über Sinn und Kontext
  • Erneuter axe-Lauf und Tastaturtest als Abnahme jeder Korrektur, Screenreader-Prüfung bleibt manuell
Praxisprojekt: Audit einer Vereins-Website
  • Prüfung von Startseite, Terminliste, Kontaktformular und Mediengalerie nach WCAG 2.2 AA
  • Befunde nach Inhalt, Theme und Plugin sortieren und priorisieren
  • Korrekturen im Child-Theme und in den Inhalten umsetzen, Formular-Plugin ersetzen
  • Barrierefreiheitserklärung mit verbleibenden Einschränkungen und Feedbackweg
Lernziele
  • Sie ordnen Anforderungen aus WCAG 2.2, EN 301 549 und Barrierefreiheitsstärkungsgesetz für Ihre Website ein
  • Sie beurteilen Themes, Page-Builder und Plugins auf Kontrast, Tastaturbedienung, Semantik und ARIA
  • Sie erstellen im Block-Editor und im klassischen Editor zugängliche Texte, Bilder, Tabellen und Medien
  • Sie prüfen Seiten mit WAVE, axe, Tastatur und Screenreader und deuten die Ergebnisse
  • Sie verfolgen einen Befund bis zur Ursache in Inhalt, Theme oder Plugin und beheben ihn nachweisbar
Zielgruppe
  • Webdesigner:innen und Entwickler:innen, die WordPress-Themes und -Websites bauen oder betreuen
  • Redaktionen und Content-Verantwortliche, die Inhalte in WordPress pflegen
  • Website-Verantwortliche in Unternehmen, Verwaltungen und Vereinen, die das BFSG umsetzen müssen

*) Die Inhalte werden individuell abgestimmt und mit Praxisbeispielen abgerundet.

Ein Symbol für einen Kalender.

Offene Termine

Kostenlose Reservierung
Ein Symbol für Angebot erhalten.

Unser Angebot

Sind Sie auf der Suche nach einer Veranstaltung, die genau Ihrem Bedarf entspricht? Einer Veranstaltung, welche nur Inhalte vermittelt, die Sie selbst gewählt haben und speziell auf Ihr Unternehmen zugeschnitten ist? Dann sind Sie bei uns richtig!

Dauer

Ein Symbol für Dauer.
ab 1 Tag (8 UE)

Die Dauer richtet sich nach Ihren Vorstellungen und inhaltlichen Wünschen. Sie bekommen genau das, was Sie brauchen.

Preis

Ein Symbol für Preis.
ab 900 EUR (Nettopreis)
ab 1.071 EUR (Bruttopreis)

Die Preise verstehen sich bei Unternehmern gemäß § 14 BGB zzgl. MwSt. Der dargestellte Ab-Preis gilt für firmeninterne Veranstaltungen und entspricht dem niedrigsten Gesamtpreis für Veranstaltungen mit bis zu drei (3) Teilnehmenden.

Termin

Ein Symbol für einen Kalender.
Ganztägig + halbtägig
nach Vereinbarung

Ihr Wunschtermin wird bei der Planung berücksichtigt. Die Veranstaltung findet ganztägig + halbtägig zu flexiblen Zeiten statt.

Ihre Vorteile

Ein Symbol für ein Vorgespräch durchführen.
Persönliches Vorgespräch
Ein Symbol für die individuelle Vorbereitung.
Individuelle Vorbereitung
Ein Symbol für Experten aus der Praxis.
Experten aus der Praxis
Ein Symbol für ein Zertifikat.
Inklusive Zertifikat

Unsere Garantien

1. Relevanz-Garantie

Wir passen den Inhalt spezifisch an die Bedürfnisse jedes Teilnehmers an. Irrelevante Themen werden ausgespart, um den größtmöglichen Nutzen zu garantieren.

2. Qualitäts-Garantie

Durch regelmäßiges Feedback optimieren wir unsere Schulungen kontinuierlich und garantieren Ihnen ein Lernerlebnis der Extraklasse.

3. Zufriedenheits-Garantie

Unsere Zufriedenheitsgarantie spricht für sich – bei Unzufriedenheit entstehen Ihnen keine Kosten.

Wir helfen gerne weiter!

Rufen Sie uns an, schreiben eine E-Mail oder nutzen das Kontaktformular.

Jetzt anfragen
Einige Unternehmen, für die wir tätig waren

Continental AG

BG ETEM

Stadtverwaltung Ludwigshafen

Teilnehmer

Feedback

Herr Hecker ist sehr gut auf individuelle Wünsche, Fragen und Anregungen eingegangen. Eine sehr informative, interessante und gelungene Veranstaltung.
Teilnehmer

Feedback

Herr Hecker hat das Thema sehr anschaulich dargestellt und ist auf alle Fragen eingegangen. Ich fühle mich jetzt gut vorbereitet, um durchzustarten.
Teilnehmer

Feedback

Die gelassene, professionelle Art hat mir gut gefallen. Kompetent, engagiert, professionell. Gute Beispiele, sympathisches Auftreten. Eigene Themenideen wurden aufgegriffen.
Unser Angebot für Ihre firmeninterne Beratung, Coaching, Workshop, Training und Weiterbildung

Lösungen für Ihren Bedarf an Coaching, Workshop, Training, Schulung und Weiterbildung

Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 600 IT-, Online- und Digital-Beratungsleistungen.
Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

✓
Ein Symbol für eine einzelne Person.

Für eine Person

Training & Coaching für Einzelpersonen

  • Passgenaue Inhalte auf den einzelnen Teilnehmer zugeschnitten
  • Ein sehr effektives Format, das schnell Ergebnisse bringt
  • Individuelles Training und Coaching motivieren und wirken
Jetzt anfragen
✓
Ein Symbol für eine Gruppe von Personen.

Für eine Gruppe

Training & Workshops für Teams und Abteilungen

  • Bedarfsgerechte Inhalte auf die Herausforderung der Praxis zugeschnitten
  • Konsequente Praxisorientierung, modernste Techniken und Tools
  • Neue Fähigkeiten und Kenntnisse nachhaltig in den Arbeitsalltag integrieren
Jetzt anfragen
✓
Ein Symbol für ein Unternehmen.

Für eine Firma

Training-Komplett-Lösungen für Ihr Unternehmen‍

  • Ganzheitliche Konzepte für Ihre Mitarbeiterentwicklung
  • Individueller Skill-Katalog zur Erweiterung Ihres internen Weiterbildungsangebots
  • Nachhaltige Personalentwicklung realisieren
Jetzt anfragen

Anfrage für eine unverbindliche + kostenlose Erstberatung zum Thema

WordPress Barrierefreiheit (Accessibility) - Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung

Wir freuen uns über Ihre Anfrage und antworten so schnell es geht!

Ich interessiere mich für den Termin:

Termin anfragen

Das Angebot von "HECKER CONSULTING" richtet sich ausschließlich an Unternehmen und Behörden (iSv § 14 BGB). Verbraucher (§ 13 BGB) sind vom Vertragsschluss ausgeschlossen. Mit Absendung der Anfrage bestätigt der Anfragende, dass er nicht als Verbraucher, sondern in gewerblicher Tätigkeit handelt. § 312i Abs. 1 S. 1 Nr. 1-3 und S. 2 BGB (Pflichten im elektronischen Geschäftsverkehr) finden keine Anwendung.

Vielen Dank, Ihre Nachricht wurde empfangen!
Beim Absenden des Formulars ist etwas schiefgelaufen.
Beratung, Coaching, Workshop, Training, Schulung

Ähnliche Leistungen, die Sie interessieren könnten.

Wir erweitern ständig unser Beratungsportfolio. Über 600 IT-, Online-, Digital-Beratungsleistungen haben wir für Sie im Programm. Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Beratung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Mehr IT-, Online-, Digital-Beratungsleistungen anzeigen >>
Nach oben