Der A11y Form Checker ist ein leistungsstarkes Tool zur Analyse und Optimierung der Barrierefreiheit von Formularen. Er erkennt automatisch Probleme bei Eingabefeldern, Labels, Buttons, Pflichtfeldern, Kontrast, ARIA-Attributen und Form-Strukturen – und macht sie direkt im Dokument sichtbar.
Mit nur einem Klick erhalten Sie:
einen vollständigen Formular-Accessibility-Check
einen A11y-Score (0–100)
eine klare Liste aller Fehler & Hinweise
Markierungen direkt im Formular
Navigation per Klick zum Problemfeld
Keine Server-Installation, kein Backend, keine Abhängigkeiten – der A11y Form Checker läuft in:
✔ HTML / PHP
✔ WordPress
✔ Joomla
✔ Typo3
✔ Contao
✔ Drupal
✔ Shopware / WooCommerce
✔ Laravel, Symfony, Blade
✔ Twig / Smarty
✔ HuMo-Genealogy
✔ sogar in iframes (soweit erlaubt)
Einfach einbinden – und direkt scannen.
✅ Haupt-Features
🔍 Automatische Formularanalyse
fehlende Labels
Placeholder statt Label
Pflichtfelder ohne aria-required
Buttons ohne Text / ohne aria-label
Felder ohne ID oder mit doppelter ID
schlechte Kontrastwerte
Formulare ohne Submit-Button
Strukturfehler (fieldset, legend, grouping)
Tab-Reihenfolge / Fokus-Probleme (heuristisch)
🧭 Interaktive Fehlerliste
Fehler (rot), Hinweise (gelb), Infos (blau)
Klick öffnet das betroffene Feld
betroffene Elemente werden optisch hervorgehoben
Flash-Effekt zum schnellen Auffinden
📊 A11y Form Score (0–100)
Automatische Bewertung:
-5 Punkte pro Fehler
-2 Punkte pro Hinweis
minimal 0 Punkte
zeigt Qualität und Optimierungsbedarf
💡 Universal Engine
funktioniert auf allen Webseiten
braucht kein Framework
robust durch try/catch
sicher vor Browser-Restriktionen
funktioniert auch in dynamischen Seiten (AJAX / SPA)
Fehlerresistent
🎁 Bonus: A11y Structure Scan
Zusätzlich erkennt das Tool typische strukturelle Stolpersteine:
doppelte IDs
fehlende Submit-Elemente
fehlende Gruppierungen (fieldset/legend)
Buttons ohne sinnvolle Beschriftung
autocomplete-Hinweise
Perfekt für Entwickler, Agenturen und Qualitätskontrolle.
🧩 Kompatibilität
System / CMS Kompatibel
HTML / PHP ✔ 100%
WordPress ✔
Typo3 ✔
Joomla ✔
Contao ✔
Drupal ✔
Shopware / WooCommerce ✔
Laravel / Symfony / Blade ✔
Twig / Smarty Templates ✔
HuMo-Genealogy ✔ (automatisch)
Statische Webseiten ✔
🔧 Technische Angaben
CSS: ~4 KB
JS: ~16 KB
keine Cookies
keine externen Fonts
DSGVO-konform
LocalStorage optional (nur der UI-Status)
📦 Einbau
Nur zwei Zeilen vor </body> einfügen:
<link rel="stylesheet" href="/a11y-form-checker/form-checker.css">
<script src="/a11y-form-checker/form-checker.js" defer></script>
Fertig.
Ein „FC“-Button erscheint unten rechts → Klick → Scanner starten.
🔗 Branding (Lizenzpflicht)
Der Hinweis:
„Powered by TheCodeAtlas – A11y Form Checker“
ist fester Bestandteil der Lizenz/Benutzungsbedingungen.
➡ Das Entfernen, Verstecken oder Manipulieren ist NICHT gestattet.
Er muss sichtbar bleiben, unabhängig vom System.
💼 Ideal für
Unternehmen
Behörden & öffentliche Einrichtungen
Entwickler & Agenturen
Shops + E-Commerce
Blogs
private Webseiten
Barrierefreiheits-Audits
SEO- und Qualitätsprüfungen
Formulare mit Kundenkontakt
Preis: 19,90 EUR
