A Pure-CSS Approach to Tabs (2014)

trevan.co

18 pointsrfreytag5 comments

This breaks the browser back button since each click on the tab heading is a hyperlink

Which browser are you using? I am using Chrome and the back button worked as expected.

This is a neat little hack!

Mobile Safari back button was borked by this.

Yep. An older CSS-only tabs trick involves using <label>s for hidden radio inputs and toggling visibility with the :checked pseudo class.

From a screen reader supporting standpoint, this :target solution would be better if not for the back button problem.

Another approach is to use hidden radio buttons and labels