Hallo Felix Riesterer,

Jedes Formular sollte eine Beschriftung haben.

das Formular? Also das <form> selbst?

Nein, ergänze „feld“ ;-)

Aus pädagogischer Sicht spricht nichts dagegen, bereits im ersten Beispiel, unmittelbar unter Eingabemöglichkeiten zu notieren:

<form action="https://google.de/search">
  <label>Suchbegriff <input name="q"></label>
</form>

und ebenso bei der Sache mit den Buttons:

<form action="https://google.de/search">
  <label>Suchbegriff <input name="q"></label>
  <button>finden</button>
</form>

Und ganz bewusst würde ich die Reihenfolge bei der Erläuterung (name, button, label) so lassen, wie sie ist.

Dann könnte der Abschnitt zum Label ergänzt werden durch:

Wenn Sie aus gestalterischen Gründen die Beschriftung entfernen wollen, achten Sie darauf, dass Sie das auf eine Weise tun, die Nutzer assistiver Technologien nicht benachteiligt.

<form action="https://google.de/search">
  <p>
    <label for="q">Suchbegriff</label>
    <input id="q" name="q">
    <button>finden</button>
  </p>
</form>

label[for=q] {
  font: 0/0 sans-serif;
}

Damit legt man quasi nebenbei den Fokus auf das unverzichtbare Label.

Was hältst du davon?

Bis demnächst
Matthias