For an upcoming web project, I needed a switch which chose between two options. Not "on or off", like a checkbox; more "tea or coffee", one choice or the other. That could indeed be a checkbox (checked means "tea", unchecked means "coffee") but that's not really right; it's, semantically, two radio buttons. But visually it was meant to look like a toggle switch with two labels: "tea" and "coffee",
![as days pass by — Pure CSS toggle switch with two labels](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a7da0e9389f679a33fdcc1147c09d04c3671d33/height=288;version=1;width=512/https%3A%2F%2Fwww.kryogenix.org%2Fdays%2F2013%2F06%2F01%2Fpure-css-toggle-switch-with-two-labels%2Findex.html.og_image.png)