![]() I’ve recently come across quite a few articles on the topic of accessibly styling checkboxes and radio buttons. So, when we attempt to hide the checkbox we want to style, we need to make sure that the checkbox remains accessible and interactive. But an SVG image is, at the end of the day, just an image, so while it can visually replace a checkbox, it doesn’t really substitute for it - the user still needs a checkbox to interact with. So we’ve been hacking our way around styling them by hiding said elements with CSS and visually replacing them with pseudo-elements or an SVG image - SVG, of course, being the more flexible, powerful, and accessible replacement. ![]() Checkboxes and radio buttons are two common examples of interactive form elements that we desperately want to have full control over styling but we don’t.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |