Eine faszinierende kleine Tech-Demo von Roman Komarov, die sortierbare Tabellen komplett in CSS ermöglicht. Es ist eine Kombination aus Inline-CSS-Custom-Properties, der order-Eigenschaft und calc().
Diese Demo löste eine Menge an Diskussionen über Barrierefreiheit aus. Der Kernpunkt dabei ist, dass die Neuanordnung nur visuell und nicht im Quellcode erfolgt. Das bedeutet, dass jemand, der direkt mit dem Quellcode interagiert (ein Screenreader), irrtümlich annehmen könnte, er habe die Tabelle sortiert, obwohl dies nicht der Fall ist. Rachel Andrew wies darauf hin, dass dies tatsächlich eine der seltenen Dinge ist, von denen die Spezifikation selbst besagt, dass man sie nicht tun soll.
Autoren dürfen `order` nur für visuelle, nicht für logische, Neuanordnungen von Inhalten verwenden. Style-Sheets, die `order` für logische Neuanordnungen verwenden, sind nicht konform.
Als Kenner feiner CSS-Trickserei applaudiere ich der Idee. In der Produktion ist dies jedoch immer noch eine Aufgabe für JavaScript. Und was die `order`-Eigenschaft angeht? Ist es immer eine schlechte Idee, sie zu verwenden? Amelia Bellamy-Royds hat einen Beitrag mit einem ziemlich guten Anwendungsfall. Und Adrian Rosellis HTML Source Order vs CSS Display Order behandelt diesen Kampf.