<label> funktioniert nicht über Tabellenelemente hinweg

[Gunnar Bittersmann]

@@mk

Noch eine Anmerkung meinerseits: Manchmal kann es trotzdem sinnvoll sein, nichttabellarische Daten in Tabellen zu schreiben. Macht die Sache oft einfacher als eine Formatierung über CSS. Aber ich möchte jetzt keine Grundsatzdiskussion beginnen.

Gut. Denn das ist grundsätzlich falsch.

Browser haben für Tabellen eigene Layoutalgorithmen, die fürs Layouten einer Seite eher hinderlich als förderlich sind. Und einem responsive design steht das Denken in einem Tabellengrid auch im Wege.

Wer Tabellenlayout einfacher findet als CSS, hat nicht genügend CSS-Kenntnisse/-Fähigkeiten. Aber das ist nichts, was man nicht erlernen könnte.

Und wenn man schon Layouttabellen einsetzt, dann unbedingt daran denken, <table role="presentation"> einzusetzen, damit Nutzern assistiver Technologien (Screenreader) keine tabellarische Daten vorgegaukelt werden.

LLAP

PS: Die Zuordnung von Labeln zu Eingabefeldern kann man durchaus als tabellarische Daten ansehen, sodass <table> in diesem Fall gar nicht mal verkehrt ist.