A guide to designing accessible, WCAG-compliant focus indicators
Imagine you visit a Web site and you want to browse it for some content. You want to buy something; or maybe book a flight somewhere. And as you move your cursor onto the page, it suddenly disappears.
Modern CSS has numerous tools to help you improve the legibility of your text, from cutting edge technologies like variable fonts, to newly precise control of established properties. Edoardo Cavazza introduces some of his favorite tricks, with plenty of actionable tips for implementing them on your own sites.