#accessibility #css

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.

#accessibility #css #design

·sarasoueidan.com·Aug 15, 2021

A guide to designing accessible, WCAG-compliant focus indicators

Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX designer & Mobile Expert.

Resources, tips and tools to build and check the color accessibility in one single place for future reference

#accessibility #color #css #design

·stephaniewalter.design·Sep 2, 2020

Color accessibility: tools and resources to help you design inclusive products by Stéphanie Walter - UX designer & Mobile Expert.

Modern CSS Techniques To Improve Legibility

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.

#css #accessibility #design #typography

·smashingmagazine.com·Jul 27, 2020

Modern CSS Techniques To Improve Legibility

Pixels vs. Relative Units in CSS: why it’s still a big deal

The most important reason for using responsive and unitless values in our CSS is for supporting our users that rely on zooming. If you read the Web Content Accessibility Guidelines, our users need to be able to zoom the viewport without loss of content or functionality, or restrictions imposed by CSS values or viewport scaling settings.

#css #typography #accessibility

·24a11y.com·Dec 24, 2019

Pixels vs. Relative Units in CSS: why it’s still a big deal