MENU

Pure CSS Tree

Elastic Circle Slideshow

February 25, 2016 Comments (0) Views: 2926 Coding, Tutorials

Pure CSS Tab Panel

Most Tab Panel widgets rely on a list of jump links followed by “sections”. These links are styled as tabs, while the sections are styled as panels.

The problem with this approach is that semantically it is not the best fit, which forces screen-reader users to create a complex mental model. WAI-ARIA roles may help these users to make sense of that markup but still, I think it would be much better if POSH (Plain Old Semantic HTML) was used to convey the pairing of “tabs” and “panels”…

Demo:

Check out this Pen!

 

View Tutorial

Tags: #, #, #, #, #, #, #, #, #, #, #, #

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.