Author: Sabrina Tirvengadum
-
Accessible images
This thorough guide by WebAIM covers using images to enhance understanding. You can also learn about how using color to convey meaning in images can cause problems. And crucially, how to avoid using graphics that cause seizures.
-
HOW to describe images
Learn the best ways to describe images with this interactive training resource. This will enable you to make alt-texts that are useful & inclusive.
-
Alt-texts: The ultimate guide
Alt-texts should describe images for people who can’t see them. But often they are not used correctly & create a difficult experience for users. Learn about how to use alt-texts effectively.
-
Tiny PNG
We need to consider how to set up images so they don’t cause slow load times. This tool enables you to compress images without losing quality.
-
Type Scale
Generate modular scales to find the perfect Type size for different components.
-
Designing accessible content: typography, font styling, & structure
Ensure you design your typography to be accessible to people with various needs.
-
Fonts don’t matter
Hampus Sethfors explains what typography choices really matter to making your design readable & accessible.
-
PX to EM
This resource shows how font sizes in pixels compare to point sizes.
-
More Meaningful Typography
Tim Brown explains how to create a modular scale for web design.
-
Your Body Text Is Too Small
Xtian Miller explains why many websites should increase the size of their body text to better serve readers.