← LEARN

ACCESSIBILITY + INCLUSIVE DESIGN

Design for everyone.

Accessible design makes sure people of all abilities can see, read, understand, and use what you make.

Learn the key considerations—contrast, type, color, structure, images, motion, and language—that make visual communication work for more people.

Accessibility considerations

Accessible design works for as many people as possible, including people with low vision, color blindness, hearing loss, limited movement, or cognitive differences. It also makes the work clearer for everyone.

Use this list as a checklist at every stage, not a final step.

The step-by-step guide

  1. 01

    Color contrast

    Text needs a contrast ratio of at least 4.5:1 against its background (3:1 for large text). Check it with a contrast checker.

  2. 02

    Never rely on color alone

    Pair color with labels, icons, patterns, or position so people with color blindness get the same message.

  3. 03

    Readable type

    Use clear typefaces, comfortable sizes (16px or more for body text on screen), generous line spacing, and line lengths of about 45–75 characters.

  4. 04

    Clear hierarchy and structure

    Use real headings, lists, and a logical reading order. Screen readers and skimming eyes both depend on it.

  5. 05

    Alternative text for images

    Describe what an image communicates, not just what it shows. Decorative images can be skipped.

  6. 06

    Keyboard and touch

    Everything clickable should work with a keyboard, show a visible focus state, and be large enough to tap — about 44 by 44 pixels.

  7. 07

    Motion and flashing

    Avoid flashing content. Respect reduced-motion settings and let people pause animation.

  8. 08

    Plain language

    Write short sentences and familiar words. Clear writing helps people with cognitive differences, non-native speakers, and busy readers.

  9. 09

    Captions and transcripts

    Video needs captions; audio needs a transcript.

  10. 10

    Forms and errors

    Label every field, explain errors in words, and say how to fix them.

  11. 11

    Test with real people

    Use screen readers, zoom to 200%, try grayscale, and include people with disabilities in testing whenever possible.

Keep exploring

DESIGN FOUNDATIONS

Learn

Start with the fundamentals.

Every strong design begins with an understanding of the fundamentals.

Explore the elements and principles designers use to organize information, establish hierarchy, create relationships, direct attention, and communicate ideas.

Learn about balance, contrast, scale, rhythm, alignment, proximity, grids, Gestalt principles, and more—and discover how these concepts work together to create meaningful visual communication.

Read more →

TYPOGRAPHY

Learn

Type doesn't just say something. It communicates something.

Typography gives language a visual voice.

Learn how typeface selection, scale, spacing, hierarchy, alignment, and composition influence how information is read and understood.

From the anatomy of a letterform to expressive typography and complex page systems, discover how designers use type to create clarity, personality, emotion, and meaning.

Read more →

COLOR

Learn

Understand why color works.

Color can attract attention, establish hierarchy, communicate identity, create emotion, and change the way we experience a design.

Explore color theory, relationships, systems, psychology, accessibility, and practical methods for developing effective palettes.

Learn to move beyond choosing colors because they "look good" and begin making intentional color decisions.

Read more →

IMAGE

Learn

Think beyond the picture.

Images can inform, persuade, document, provoke, and tell stories.

Explore photography, illustration, collage, art direction, image-making, and the relationship between image and typography.

Learn how to select, create, crop, manipulate, and combine imagery with purpose—and how technical decisions such as resolution, format, and reproduction affect the final result.

Read more →