Tabellensortierung - wo ist der Fehler....?

[Gunnar Bittersmann]

@@Ingo

Wenn man auf HERSTELLER klickt, klappt alles wunderbar

Nein, leider nicht. Man kann nicht auf „Hersteller“ clicken.

Einige können das (Mausnutzer bspw.). Andere können das nicht (Tastaturnutzer bspw.).

Damit man (also alle) clicken können, müssen in den th-Elementen Buttons sein:

<thead>
  <th><button>Titel</button></th>
  <th><button>Hersteller</button></th>
</thead>

Den Buttons kannst du mit CSS Rahmen und Hintergrundfarbe wegnehmen.

Die Beschriftung lässt sich sicher mit visuell versteckten „sortieren nach“ verbessern.

Und die th sollten bei der Sortierung entsprechende aria-sort-Attribute gesetzt bekommen.

Siehe Abschnitt Sortable tables in Inclusive Components: Data tables.

Kwakoni Yiquan