Barrierefreies Kontaktformulat mit Contact Form 7

Das Plugin an sich bringt schon gute Vorraussetzungen mit was Zugänglichkeit betrifft, dennoch bekomme ich einige Sachen nicht wirklich hin. Hier erstmal der jetzige Code des Formulars:

<h2>[response]</h2>
<fieldset>
<label for="name">Ihr Name (Pflichtfeld)</label>
[text* your-name id:name]
<label for="e-mail">Ihre E-Mail Adresse (Pflichtfeld)</label>
[email* your-email id:e-mail]
<label for="your-subject">Betreff (Pflichtfeld)</label>
[text* your-subject id:your-subject]
<label for="your-message">Ihre Mitteilung (Einzeiliges Pflichtfeld)</label>
[text* your-message id:your-message]
</fieldset>
[submit "Senden"]

In der jetzigen Form schickt das Formular sofort bei Betätigung der Enter-Taste den Inhalt ab, egal in welchem Feld man sich befindet. Das ist so nicht gut. Auf 'Enter' sollte das Formular aber erst mit Fokus auf Senden-Button reagieren. Wie geht sowas?

Puh, keine Ahnung wonach das ruft. ;) Bin neu in der Materie.

Ist es nicht möglich, auf der bestehenden Grundlage einfach folgendes vorzuschreiben?

Feld Name -> Enter-Taste ohne Funktion / keinesfalls soll hier das Absenden ausgelöst werden
Feld E-Mail -> Enter-Taste ohne Funktion / keinesfalls soll hier das Absenden ausgelöst werden
Feld Betreff -> Enter-Taste ohne Funktion / keinesfalls soll hier das Absenden ausgelöst werden
Feld Mitteilung -> Enter-Taste mit Standart-Funktion 'Zeilenumbruch' / keinesfalls soll hier das Absenden ausgelöst werden
Button 'Senden' -> Enter-Taste soll nur hier das Absenden auslösen

Javascript und jQuery sind nicht mein Gebiet. Komplett neu möchte ich das Kontaktformular nicht angehen, da ich es zumindest schonmal soweit hinbekommen habe, dass für Screenreader-Nutzer ein verwertbares Feedback kommt (wo auch gleich nach Absenden der Fokus drauf liegt), ob das Senden funktioniert hat oder halt nicht.

Noch jemand mit einer Idee/Lösung?

Zitat von bgeissler

Wäre mit neu, dass das nicht barrierefrei wäre ?

DAS ist ja ok und auch barrierefrei, das funktioniert.
Problematisch wird es, wenn ein z.B. blinder Nutzer die Enter-Taste betätigt, sich jedoch noch nicht auf dem Sende-Button befindet (in diesem Fall wird nämlich einfach 'submit' ausgelöst). Im Bereich Mitteilung (textarea) passt es, weil Enter einen gewollten Zeilenumbruch auslöst. Jedoch bei Name, Mailadresse und Betreff löst es eben 'submit' aus und das ist dann eben nicht barrierefrei, da der Nutzer mit diesem Verhalten nicht rechnet und auch nicht rechnen muss.

Wie meinst Du das SuMu? Ein zusätzlicher E-Mail-Link als Kontaktmöglichkeit? Das ist durchaus eine alternative Option, die man anbieten kann, behebt jedoch das suboptimale Verhalten des Kontaktformulars leider nicht...

Erstmal danke an alle, die sich hier Gedanken machen zur Problematik!

Hallo Monika, ich weiß das, weil ich gerade mit einer Testgruppe aus blinden und sehbehinderten Mitgliedern unseres Vereins (Blindenverband) die neue Webseite checke. Und da trat genau dieses Problem auf.

Natürlich navigieren fast alle mit TAB in Formularen, das ist den meisten bekannt. Mir geht es darum, dass das (möglicherweise auch ausversehen passierte) betätigen der Enter-Taste das Formular einfach an 'Senden' übergibt. Und das ist eben nicht optimal, weshalb ich eine Lösung suche.

Tubedesigner: Kannst Du das näher erläutern, wie ich das einbaue? Würd ich gern mal testen. Allerdings vermute ich, gibt es im Falle, dass der Haken nicht gesetzt ist und man in Feld 1-3 Enter drückt, auch nur die bekannte Fehlermeldung. Die Acceptance-Checkbox wird doch sicherlich wie ein ganz normales Pflichtfeld verarbeitet?!