„Aufklappbare Zeilen“ ist ein Konzept, bei dem mehrere zusammengehörige Zeilen in einer <table> zusammengeklappt sind, bis sie geöffnet werden. Im Jargon des Interaction Designs würde man das als „progressive disclosure“ bezeichnen.
Nach all den Jahren bei CSS-Tricks habe ich ein etwas besseres Auge dafür entwickelt, was die Barrierefreiheitsbedenken eines Design-/Interaktivitätsmerkmals sind. Ich bin mir nicht ganz sicher, wie ich dieses Problem selbst angegangen wäre, aber es ist gut möglich, dass das, was ich versucht hätte, die Barrierefreiheit nicht getroffen hätte.
Deshalb freue ich mich umso mehr, wenn sich jemand wie Adrian Roselli solchen Problemen widmet, denn die Barrierefreiheit wird von Anfang an richtig angegangen (siehe die Videos in allen wichtigen Screenreadern).
Genauso empfinde ich, wenn wir Demos von Scott O’Hara, Lindsey Kopacz und Hedyon Pickering erhalten.
Siehe den Pen
Table with Expando Rows von Adrian Roselli (@aardrian)
auf CodePen.