Text Legibility

1. Supports Users with Visual Impairments

• People with low vision, color blindness, or other visual challenges rely on clear, high-contrast text to read comfortably.

• Poor legibility (e.g., low contrast, small font size, decorative fonts) can make content unreadable.

2. Improves Comprehension for Cognitive Disabilities

• Simple, well-structured text helps users with dyslexia, ADHD, or other cognitive conditions process information more easily.

• Legible text reduces cognitive load and frustration.

3. Enhances Usability Across Devices

• Good legibility ensures content remains readable on various screen sizes and resolutions, including mobile devices and assistive technologies like screen magnifiers.

4. Supports Screen Reader Users

• While screen readers read aloud content, users often rely on visual cues for orientation. Clear headings, spacing, and font choices help them navigate more effectively.

5. Complies with Accessibility Standards

• WCAG 2.1 guidelines emphasize text contrast, font size, and readability as part of Level A and AA compliance.

• Ensuring legibility helps meet legal and ethical responsibilities for inclusive design.

Best Practices for Accessible Text

• Use sans-serif fonts for body text (fonts like Arial and Helvetica)

• Avoid overly decorative or condensed fonts

• Maintain adequate spacing between letters and lines

• Body text minimum: between 14px and 16px

• Large text minimum: 24px and 18.5px for bolded text

WCAG Guidelines on Text

Success Criterion 1.4.3 - Color Contrast (minimum)

This criterion states that text (including images of text) has a contrast ratio of at least 4.5:1 for regular text, defined as “at least 18pt/24px,” and a ratio of 3:1 for large text, defined as “bold and at least 14pt/18.5px.”

Success Criterion 1.4.4 - Resize Text

This criterion relates to text scalability. Text must be resizable up to 200% without loss of content or functionality.