Press [←] or [→] arrow keys to move
Paint the town…inclusive: selecting colors to increase legibility
Featured

Paint the town…inclusive: selecting colors to increase legibility

Alex Blaiotta
|
January 4, 2024

Tips for designing inclusive color palettes: prioritize contrast, avoid relying solely on color, provide alternative formats, and consider context and content.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Inclusive design is important in this day and age as it ensures that everyone, regardless of their abilities, can access and interact with products, services, and information.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

By prioritizing inclusive design, we foster a more equitable society that values diversity and removes barriers for individuals with disabilities.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

A large part of creating inclusivity in design is considering the colors we use and choosing colors that comply with ADA (Americans with Disabilities Act) guidelines.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Here’s how we select colors that meed ADA compliance standard and improve our designs and enhance legibility.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Contrast is key: high contrast between foreground and background colors help readability.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Aiming for a contrast ratio of at least 4.5:1 ensures people with low vision can read the content easily.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Consider color blindness: approximately 8% of men and 0.5% of women have some form of color vision deficiency.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

To accommodate users with color blindness avoid relying solely on color to convey important information, instead use additional visual cues like patterns and textures.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Or avoid specific color combinations that are commonly hard for people with color blindness:

  • Red & Green
  • Blue & Purple
  • Green & Brown
  • Light green & Yellow
  • Red & Brown
PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Or label color-dependent information.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Some ways to do this are with text-based descriptions, icons, or symbols to further describe or label elements that may be color-coded.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Consider context and content. Certain colors hold specific symbolism or cultural associations that can influence comprehension.

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

For example, green often represents "go" or "safe," while red signifies "stop" or "danger.”

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

PAINT THE TOWN…INCLUSIVE: SELECTING COLORS TO INCREASE LEGIBILITY

|
January 4, 2024

Choosing colors for your brand or products goes beyond an aesthetic choice, color palettes designed for inclusivity helps businesses expand their customer base, improve user satisfaction, and foster brand loyalty.