top | item 18160224 Show HN: Pure CSS toggle Web component 9 points| rajasegarc | 7 years ago |github.com | reply 5 comments order hn newest [+] [-] pasta|7 years ago|reply 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|7 years ago|reply > 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|7 years ago|reply It's hardly "pure css" when the page doesn't show the controls without javascript enabled. [+] [-] symboltoproc|7 years ago|reply This does not look accessible. It should probably be focusable with tab navigation.Otherwise pretty impressive. [+] [-] oldmanpants|7 years ago|reply 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.
[+] [-] pasta|7 years ago|reply 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|7 years ago|reply > 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.
[+] [-] adventured|7 years ago|reply > 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|7 years ago|reply It's hardly "pure css" when the page doesn't show the controls without javascript enabled.
[+] [-] symboltoproc|7 years ago|reply This does not look accessible. It should probably be focusable with tab navigation.Otherwise pretty impressive. [+] [-] oldmanpants|7 years ago|reply 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.
[+] [-] oldmanpants|7 years ago|reply 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.
[+] [-] pasta|7 years ago|reply
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|7 years ago|reply
The author solved that in the custom options section, labeling ON and OFF state.
[+] [-] stephenr|7 years ago|reply
[+] [-] symboltoproc|7 years ago|reply
Otherwise pretty impressive.
[+] [-] oldmanpants|7 years ago|reply