Wie wird in diesem die Tastatursteuerung der Tabs organisiert? Wenn ich das richtig sehe, werden die Überschriften ja direkt als Tabreiter verwendet. Nicht alles, was per CSS only geht, macht auch CSS only Sinn. Ganz konkret, eröffnen sich hier einige Usability/Accessibility-Probleme:
Die Tabreiter werden per :target sichtbar geschaltet. Das bedeutet, dass es nicht möglich ist, einen „aktiven“ Tab per default zu setzen, denn per CSS kann der Focus ja nicht gesetzt werden. Was aus Gestaltungssicht und Usability recht ungünstig ist.
Reichert man die Tabinhalte mit Links an, kommt die Tabreihenfolge vollständig durcheinander, das Zurechtfinden wird massiv erschwert. Empfehlenswert ist diese Lösung daher für die Praxis nicht, ganz unabhängig von den Darstellungsproblemen in älteren Browsern.
Meine Empfehlung für Tabs auch weiterhin: „Accessible-Tabs“ von Dirk Ginader.
