Preis: 19,90 EUR
Direkter Download nach Kauf
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
