Brick Builder CSS only content toggle using a checkbox and :has()
Last week Kevin Geary released a video showing how to create a CSS only content toggle switch using Radio inputs.
This video shows a way to do the same with a Checkbox (Toggle).
It technically works well. What I'm not sure about are the Accessibility implications.
I had issues with the NVDA Screen Reader not reading the label correctly in Chrome. I don't know if this is a NVDA or Chrome issue?? Also, for A11Y does it make more sense for this to be a toggle, or selectable options?
It would be great to get some comments from viewers with a deeper understanding of A11Y.
GIST for Template: https://gist.github.com/wpeasy/cbc560...