DEV Community

Discussion on: UI Snippets: Say NO to Ugly Check-boxes!

Collapse
 
equinusocio profile image
Mattia Astorino

Stop doing this. Accessibility is important and if you want to create a new “not-ugly” html element, make a web component

Collapse
 
worldclassdev profile image
Philip Obosi

Hey Mattia.. Your perspective is understood and very much appreciated. However, the focus here is on aesthetics and good CSS. Perhaps you could do something as aesthetically pleasing as a web component and share with us? We'd love to learn from you.

Collapse
 
equinusocio profile image
Mattia Astorino • Edited

The point is that you can build a new html element (like the switch toggle) with his a11y behavior and basic style like others built-in html elements. Then users can customise it like every other element with css.

Remember that in a community, a key point is to teach other people that may have a jr experience, so adding a visible disclaimer “just for fun” or “not for production” can be enough. 🖖🏻

Thread Thread
 
worldclassdev profile image
Philip Obosi

I agree. Would you do that and put a link below? Everyone would very much appreciate that.