TLDR Web Dev · ARTICLES & TUTORIALS

RESOURCES

smashingmagazine.com11 min read

Summary from the TLDR Web Dev newsletter

This is the first of a two-part tutorial that focuses on best practices for designing accessible text over images for web and mobile app content. Each technique has examples and additional resources for implementation. For example, you should strive to maintain a high contrast ratio between text and images to ensure legibility and readability. There are various techniques for achieving this, such as using overlays, scrims, and blurred backgrounds.