Formulare einer Tabelle mit verschiedenen Funktionen organisieren

[Gunnar Bittersmann]

Den Button hab ich für diese Spalte deaktiviert […] (Möglich ist natürlich auch, dann keinen button in die th zu setzen.)

Vielleicht sogar besser. Dann wird die Kopfzelle nur als „Familienname“ angesagt, nicht als „Familienname, sortieren, Button, deaktiviert“ (oder so ähnlich).

Das sähe dann kombiniert mit dem anderen Gedanken so aus:

<form id="sortform" method="post">
  <span id="sortlabel" hidden="">sortieren</span>
</form>

<table>
  <thead>
    <th>
      <button aria-describedby="sortlabel" type="submit" name="sort" value="given-name.asc" form="sortform">
        Vorname
      </button>
    </th>
    <th aria-sort="ascending">
      Familienname
    </th>
    ...
  </thead>
  ...
</table>