When you're designing a page, it's essential to think about who your audience is – and that your audience may not have the same abilities as you. Making your documents accessible is not just about adding alternative descriptions to images; it's about thinking through all the ways you can make your design work for as many people as possible. Join me as I explain the choices you can/should consider in an accessible visual presentation using text, such as font, color, contrast, size, column width, spacing, kerning, and more.
Resources
- Accessible Typography Essentials (opens in new tab) - axe-con session
- Auditing design systems for accessibility (opens in new tab) - Deque
- Accessible typography - color and contrast demo (opens in new tab) - YouTube
- Accessible typography - typeface and styling demo (opens in new tab) - YouTube
- Accessible typography - structure and layout demo (opens in new tab) - YouTube
- Colour Contrast Analyser (CCA) (opens in new tab)
- Adobe Color Contrast Checker (opens in new tab)
- Adobe Color Blind Safe (opens in new tab)
- Adobe Fonts (opens in new tab)
- Google Fonts (opens in new tab)
- The Good Line-height (opens in new tab)
- Golden Ratio Typography (GRT) Calculator (opens in new tab)