Was ist die richtige Tab-Reihenfolge für ungültige Eingaben?

Question

Aus Gründen der Barrierefreiheit sollte sich die erste ungültige Eingabe in einem Formular auf die Formularübermittlung konzentrieren. Dies verhindert, dass der nicht sehende Benutzer gezwungen wird, nach den ungültigen Eingaben zu suchen.

Meine Frage bezieht sich auf die Tab-Reihenfolge. Nachdem die erste ungültige Eingabe fokussiert wurde und der Benutzer erneut auf die Registerkarte klickt, sollte der Fokus zur nächsten ungültigen Eingabe oder nur zum nächsten Element in der normalen Tabulatorreihenfolge gehen?

Nehmen Sie diesen Pseudocode zum Beispiel. Wenn die Eingabenummern 2 und 4 Fehler aufweisen, wird der Fokus beim Übergeben des Formulars an die Eingabe Nr. 2 verschoben. Wenn der Benutzer das nächste Mal auf die Taste tab drückt, wird der Fokus auf Eingabe 3 oder 4 gesetzt?

<input id="1"> 
<input id="2"> <-- invalid 
<input id="3"> 
<input id="4"> <-- invalid 
<input id="5"> 
<button type="submit"> 

Answer 1

Fokus das nächste Element in der normalen Tab-Reihenfolge. Tab-Reihenfolge sollte 1-2-3-4-5 bleiben.

Answer 2

Die Technik, die Sie verwenden, ist ganz anders als die, die vom W3C vorgeschlagene (G139: Creating a mechanism that allows users to jump to errors)

Wenn Benutzer eingeben Dateneingabe, die überprüft wird, und Eingabefehler erkannt werden, eine Verbindung zu diesem Fehler wird bereitgestellt, damit der Benutzer nicht danach suchen muss.

Ihr Ansatz könnte

In Ihrem Fall sein „ein Formular mit einer Zusammenfassung von Fehlern (zukünftiger Link)Re-Anzeige“, können Sie die Tab-Reihenfolge nicht ändern sollte und die fehlenden Felder nur zeigen, Sie können jedoch eine button angeben, um die Ansicht zwischen allen Feldern oder nur die fehlenden Felder umzuschalten.

Folgende Felder wurden nicht vorhanden oder ungültig, bitte füllen sie unten (oder auf die volle Form zurückzukehren)