Beschreibung
Mit My Accessibility Checker behältst du die Barrierefreiheit deiner WordPress-Seiten jederzeit voll im Griff. Das Plugin scannt jede Seite deiner Website auf wichtige WCAG 2.1 Kriterien und zeigt dir auf einen Blick, wo es hakt – von fehlenden Alt-Texten bis zu fehlenden ARIA-Landmarks.
Das kann das Plugin für dich:
-
Alt-Texte prüfen (1.1.1): Fehlende oder unklare Alt-Texte bei Bildern werden erkannt, damit Screenreader alle Inhalte erfassen können.
-
Medien prüfen (1.2.2): Videos und Audios ohne Untertitel oder Transkript werden markiert, damit alle Inhalte für Menschen mit Hörbeeinträchtigungen zugänglich sind.
-
Formulare prüfen (1.3.1 / 3.3.2): Fehlende Labels für Eingabefelder, Textareas oder Selects werden erkannt, damit Formulare barrierefrei nutzbar sind.
-
Links prüfen (2.4.4): Links ohne aussagekräftigen Text oder ARIA-Labels werden markiert, um Orientierung und Nutzbarkeit zu verbessern.
-
Überschriftenstruktur prüfen (2.4.6): Überschriften, die nicht logisch aufeinander folgen, werden erkannt, um eine klare Struktur für Screenreader und SEO zu gewährleisten.
-
Tastatur- und Fokuszugänglichkeit prüfen (2.1.1 / 2.4.7): Elemente, die nicht per Tab erreichbar sind oder keinen sichtbaren Fokus haben, werden hervorgehoben.
-
Spracheinstellungen prüfen (3.1.1): Fehlende
lang-Attribute im HTML werden erkannt, um Screenreader korrekt zu steuern. -
ARIA-Landmarks prüfen (1.3.1 / 4.1.2): Fehlende Landmark-Rollen wie Banner, Navigation oder Main werden angezeigt, damit deine Seite besser strukturiert ist.
Darstellung der Ergebnisse:
-
Übersichtliche Tabellen: Alle Prüfungen werden übersichtlich in einer Tabelle dargestellt.
-
Filtermöglichkeiten: Zeige alle Prüfungen, nur Fehler, nur Warnungen oder nur Bestanden.
-
Farbkodierung: Fehler in rot, Warnungen in gelb, korrekt geprüfte Elemente in grün.
-
Legende: Jede Warnung und jeder Fehler wird verständlich erklärt – inklusive Lösungsvorschlag und WCAG-Verweis.
Warum My Accessibility Checker?
-
Einfach im WordPress-Dashboard bedienbar – keine komplizierte Einrichtung.
-
Läuft vollständig serverseitig, keine externen Tools notwendig.
-
Echtzeit-Scan via AJAX – direktes Feedback ohne Seitenreload.
-
Perfekt für Entwickler, Agenturen oder Website-Betreiber, die sicherstellen wollen, dass ihre Seiten barrierefrei sind.
Mit My Accessibility Checker siehst du sofort, welche Elemente korrigiert werden müssen, sparst Zeit bei der WCAG-Implementierung und verbesserst gleichzeitig die Nutzerfreundlichkeit deiner Website.
WCAG 2.1 Checkliste – My Accessibility Checker
| WCAG-Kriterium | Beschreibung | Plugin-Abdeckung | Status |
|---|---|---|---|
| 1.1.1 Non-text Content | Bilder müssen einen aussagekräftigen Alt-Text haben | ✅ Prüft <img> auf Alt-Text |
Abgedeckt |
| 1.2.2 Captions | Videos/Audios müssen Untertitel oder Transkript haben | ✅ Prüft <video>/<audio> auf <track kind="captions"> |
Abgedeckt |
| 1.3.1 Info and Relationships | Tabellen benötigen Überschriften (<th>), Inhalte müssen semantisch korrekt sein |
✅ Prüft <table> auf <th> |
Abgedeckt |
| 1.3.1 / 3.3.2 Labels or Instructions | Formulare müssen Labels für Eingabefelder haben | ✅ Prüft <input>, <textarea>, <select> auf <label> |
Abgedeckt |
| 1.4.3 Contrast (Minimum) | Text muss ausreichenden Farbkontrast haben (mind. 4.5:1) | ⚠️ Prüft rudimentär via inline style (Farben) |
Teilweise |
| 2.1.1 Keyboard | Alle interaktiven Elemente müssen per Tastatur erreichbar sein | ✅ Prüft tabindex="-1" und fehlende Beschriftungen |
Abgedeckt |
| 2.4.4 Link Purpose | Links müssen aussagekräftigen Text haben | ✅ Prüft <a> ohne Text |
Abgedeckt |
| 2.4.6 Headings and Labels | Überschriften müssen logisch aufeinander folgen | ✅ Prüft Sprünge in h1-h6 | Abgedeckt |
| 2.4.7 Focus Visible | Fokus muss für Keyboard-Benutzer sichtbar sein | ⚠️ Prüft outline:none inline |
Teilweise |
| 3.1.1 Language of Page | Sprache muss im <html>-Tag angegeben sein |
✅ Prüft lang-Attribut |
Abgedeckt |
| 4.1.2 Name, Role, Value | Interaktive Elemente müssen zugänglich beschriftet sein | ✅ Prüft Buttons/Links auf Text oder aria-label |
Abgedeckt |
| Landmark Roles | ARIA-Landmarks für Navigation und Struktur | ✅ Prüft `role=“banner | main |
Legende:
✅ = Vollständig abgedeckt
⚠️ = Teilweise oder rudimentär geprüft
