Text makes up most of our apps. Lets make sure that our app's text is legible and able to be accessed through assistive technologies like screen readers.

Playful Programming

A practical guide to making web text accessible, covering four key areas: color contrast (WCAG AA vs AAA requirements and CSS prefers-contrast media query), text sizing (why rem should be used instead of px for fonts, dynamic font sizing with clamp/min/max), heading structure (proper h1 usage, descending order rules, content grouping with landmark elements), and visually hidden text (the visually-hidden CSS pattern, when to use it and when not to).

The Art of Accessibility: Text