Head's Up: I'm in the middle of upgrading my site. Most things are in place, but
there are something missing and/or broken including image alt text. Please
bear with me while I'm getting things fixed.
Accessible HTML Tabs For Web Pages
I'm adding tabs to show different examples for a color
picker in Neopoligen
neo
.
I found a video on how to make "CSS only" tabs that looked good
but never mentioned accessibility. I checked with
folks on a few discords for guidance and learned it's got
problems. Specifically, it's not currently possible to make CSS
only tabs in an accessible way.
Chris Ferdinandi from Go Make Things
gmt
and Mayank from
mayank.co
mayank
sent over some better alternatives. Here's
Mayank's approach with some specific styles added into the
CSS below.
I'm not linking to the original video since the technique
isn't accessible and I don't want to add to its SEO. It's called
"How to Easily Create Pure CSS Tabs (No JavaScript Needed!)"
by "dcode" if you want to look it up
The website building app I'm currently working on. As I'm writing
this the first preview version is out with another more usable
version on the way soon