As another comment said that it is not a11y friendly. I strongly recommend to use input[type=checkbox] and use css to style it. Or, you can put an input[type=checkbox] that only visible to screen readers, then hide your divs on screen readers.
β¦ Independent web developer/designer/blogger
β¦ Lead Framer Developer at Framerly
β¦ Framer Expert & Partner | Advocate at 10x Designers
β¦ Hire me on Contraπ
As another comment said that it is not a11y friendly. I strongly recommend to use
input[type=checkbox]
and use css to style it. Or, you can put aninput[type=checkbox]
that only visible to screen readers, then hide yourdiv
s on screen readers.Thanks for the info!