Post B5ULy7qqs0uYuVT2Yq by crazyeddie@mastodon.social
 (DIR) More posts by crazyeddie@mastodon.social
 (DIR) Post #B5UFgOFUZCnMpR9WAC by MoritzGlantz@mastodon.social
       0 likes, 0 repeats
       
       There is not a single reason to build a checkbox using something else than <input type="checkbox">. Change my mind.#dontFightHtml #a11y #Accessibility
       
 (DIR) Post #B5ULHOJFnt2xVCNIv2 by Signez@mastodon.social
       0 likes, 0 repeats
       
       @MoritzGlantz *anymore. Well, there were no real good reasons before, but now that we can style checkbox how we want very easily in all browsers, yeah, really, there is no single reason!
       
 (DIR) Post #B5ULy7qqs0uYuVT2Yq by crazyeddie@mastodon.social
       0 likes, 0 repeats
       
       @MoritzGlantz I've been waiting for a volunteer...Have the replacement picked out already.  Can do this now if you want!I should note however, nobody has ever woken up from this.  Always a first time though!!!
       
 (DIR) Post #B5UNA0L0jOOL2KnnQu by bluememon@mastodon.social
       0 likes, 0 repeats
       
       @MoritzGlantz I agree with you, my pet peeve with this is that the browsers render the native os form element and males it not consistent for any design system.  This along with radio buttons are the least customizable elements using css unfortunately and this has been for decades by now.Still, my work arounds still uses the checkbox input under the hood and I use label to remotely control its properties. We try our best to keep everyone happy.
       
 (DIR) Post #B5UOnQTxYpllMzLjNI by MoritzGlantz@mastodon.social
       0 likes, 0 repeats
       
       @bluememon I think these problems are a thing of the past. You can style checkboxes pretty much any way you want now.https://picocss.com/docs/forms/checkboxeshttps://moderncss.dev/pure-css-custom-checkbox-style/https://moritzglantz.de/checkbox-tetris-gemini-3-enhanced/https://codepen.io/collection/adyPkB
       
 (DIR) Post #B5UTHQF1Q99N7uvB32 by eibhinn@mastodon.ie
       0 likes, 0 repeats
       
       @MoritzGlantz ...there's a way to build a checkbox that doesn't use <input type="checkbox"> ??
       
 (DIR) Post #B5UTViwagIRlBc7Txw by MoritzGlantz@mastodon.social
       0 likes, 0 repeats
       
       @eibhinn Oh there are many.
       
 (DIR) Post #B5UVOsD22E95nqffRw by bluememon@mastodon.social
       0 likes, 0 repeats
       
       @MoritzGlantz You’re correct in a way that we can work around the os level issues in these elements that we couldn’t do before.Using you’r example in the second link even though we’re styling the element, we’re just hiding the original one and building the custom one from scratch witch is not ideal and doesn’t guarantee consistency across browsers unfortunately (looking at you safari lol).
       
 (DIR) Post #B5UlLigEbbe6eBqfeS by MarkTwoFive@norden.social
       0 likes, 0 repeats
       
       @MoritzGlantz To me, you may always wrap or add some fancy stuff around it but using the native element is a MUST. Don't replace native elements with something custom built.
       
 (DIR) Post #B5Uln25cY8u4fBkLlg by MFolschette@mamot.fr
       0 likes, 0 repeats
       
       @MoritzGlantz There is one: confusing your users regarding the state this "accept all cookies" toggle switch is currently on.
       
 (DIR) Post #B5UlrsogSFCjLp8Zeq by MoritzGlantz@mastodon.social
       0 likes, 0 repeats
       
       @MFolschette That is an UX issue.
       
 (DIR) Post #B5Upd7a9fp3WcQYfCa by MFolschette@mamot.fr
       0 likes, 0 repeats
       
       @MoritzGlantz You are right.