Inclusively Hiding & Styling Checkboxes and Radio Buttons

Sara shows us how to properly use SVG and CSS to design beautiful, engaging and accessible checkboxes and radio button in her new very detailed article, a must read.

I already new some of these, but I learned a lot more about people using touch based assistive technologies:

When you hide an interactive element, make sure you choose a hiding technique that keeps it screen reader-accessible, position it on top of whatever is visually replacing it so that a user navigating by touch can find it where they expect to, and then make it transparent.

Thanks a lot Sara for the link to Rob Dodson's great video:

Learning that up and down swipes change the navigation mode in TalkBack, I wonder if anyone already tried playing esviji with TalkBack, as up and down swipes are used to move the ball… 🤔

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.