4 ms·
Show HN: Pure CSS toggle Web component
- symboltoproc 8y agoThis does not look accessible. It should probably be focusable with tab navigation. Otherwise pretty impressive.
- oldmanpants 8y agothey seem to be focusable with tab navigation, but there is no indication (dashed outline) of which element is selected. I was able to tab through and toggle the switches with the spacebar in Firefox.
- pasta 8y agoI never use those anymore because I discovered a lot of people don't know how to use them. They see it as slide, so what happens is that they try to slide the thing. This causes events like 'releaseOutside' so nothing happens. The other thing is that with most designs the state isn't obvious. 'Does the check mark mean I should slide to the mark to activate it?' So yeah, it looks nice but most (older) people don't know how to use them
- adventured 8y ago> The other thing is that with most designs the state isn't obvious. 'does the check mark mean I should slide to it to activate it?' The author solved that in the custom options section, labeling ON and OFF state.
- stephenr 8y agoIt's hardly "pure css" when the page doesn't show the controls without javascript enabled.