html form accessibility

HTML form accessibility als Schaltplan prüfen.

Ein Formular funktioniert barrierefrei, wenn Felder, Namen, Gruppen, Hinweise und Abschluss verbunden bleiben. Fügen Sie HTML ein und prüfen Sie diese Leitungen.

01 / Live-Codeaudit

Formular-HTML einfügen, fünf Verbindungen sofort sehen.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört der Schaltplan Ihnen.

Formular-Codeaudit

Vom Feld bis zum Submit

0/55 Unterbrechungen
  1. FeldnamenJedes Feld erhält einen programmatischen Namen.<label for> ↔ id
  2. OptionsgruppenZusammengehörige Optionen erhalten einen Gruppennamen.<fieldset> + <legend>
  3. EingabezweckPersönliche Daten verraten Browsern ihren Zweck.autocomplete="…"
  4. Hilfe und FehlerHinweise und aktive Fehler zeigen auf existierende IDs.aria-describedby
  5. AbschlussDer Submit ist wirksam und eindeutig benannt.type="submit" + Text

Der Codeaudit erkennt definierte HTML-Verträge. Browser-, Tastatur- und Screenreader-Tests bleiben zusätzlich nötig.

02 / Der Unterschied

Ein geprüftes Snippet ist der Anfang, nicht die Website.

  • Verbindungen brechen unsichtbar

    Platzhalter ersetzen Labels, Optionsgruppen verlieren ihren Namen, Fehlermeldungen hängen nicht am Feld. Sichtbar fällt das nicht auf – für Screenreader und Tastatur ist das Formular unterbrochen.

  • Mehr als ein Code-Snippet

    Auf der veröffentlichten Seite liefern Themes, Plugins und eingebundene Dienste eigene Felder aus. Der Website-Check prüft das ausgelieferte HTML – Feldnamen, Gruppen, Autocomplete und weitere automatisch erkennbare Barrieren.

  • Fundstellen statt Bauchgefühl

    Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos, ohne Installation, direkt mit der URL.

03 / Auf Ihrer Website

Jetzt die eigene Seite prüfen.

Der Codeaudit prüft ein eingefügtes Snippet. Der Website-Check prüft Ihre Seiten auf Formular- und weitere automatisch erkennbare Barrieren.

  1. 1URL
  2. 2Auswahl
  3. 3Prüfung
  4. 4Ergebnis
Kostenlos starten · keine Installation

Der Schaltplan steht. Jetzt die Seite dahinter prüfen.

Kostenlos starten: URL eingeben und konkrete technische Warnsignale mit Fundstellen erhalten.