Mark Caron
Aug 25, 2017 · 1 min read

A major downside to using the :target pseudo-class is that initially pre-selecting a tab (the first one) is impossible without reversing the order of the DOM.

While CSS tabs with radios may seem less keyboard-only friendly (toggling with arrows rather than the tab key), reversing the order of the DOM makes everything worse. Here’s the radio version:

Go with radios.

)
    Mark Caron

    Written by

    Principal web developer, UX designer and accessibility advocate at Red Hat