search

public-ui / kolibri

The accessible HTML-Standard
https://public-ui.github.io
European Union Public License 1.2
173 stars 33 forks source link

🚀 Feature: Mobile Ansicht der Tabellenkomponente #7101

Open deleonio opened 15 hours ago

deleonio commented 15 hours ago

Discussed in https://github.com/public-ui/kolibri/discussions/6976

Originally posted by **Claymore0307** October 28, 2024 ### Goals 1.Daten bleiben auch in der mobilen Ansicht gut strukturiert und übersichtlich sichtbar. 2.Die Barrierefreiheit der Tabelle wird dabei vollständig beibehalten. ### Non-Goals _No response_ ### Background In unserem Projekt sollen Teile der Anwendung auch in der mobilen Version nutzbar sein. Dabei stellt sich die Herausforderung, wichtige Informationen in den Tabellen weiterhin übersichtlich darzustellen. Aus unserer Sicht reicht seitliches Scrollen allein hierfür nicht aus. ### Proposal Idealerweise würden die Inhalte in Blöcke umgebrochen werden um soll den Inhalt weiterhin komplett anzeigen zu können. Hier Beispiele die es bei anderen Komponenten gibt. 1. Primereact DataTable https://codesandbox.io/s/modest-satoshi-nyvt8z 2. react-super-responsive-table https://www.npmjs.com/package/react-super-responsive-table
deleonio commented 15 hours ago

Lösungsweg steht in der Diskussion: https://github.com/public-ui/kolibri/discussions/6976

Die Hilfs-Spans müssen aber aria-hidden="true" sein.