Show HN: Pure CSS toggle Web component

[rajasegarc]

https://github.com/rajasegar/css-toggle-component/tree/master

[pasta]

I 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 → pasta]

> 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]

It's hardly "pure css" when the page doesn't show the controls without javascript enabled.

[symboltoproc]

This does not look accessible. It should probably be focusable with tab navigation.

Otherwise pretty impressive.

[oldmanpants → symboltoproc]

they 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.