Attention
 to Detail

Teaching designers to be inclusive, one resource at a time

Accessibility

Make your design clear and simple enough so that most people can use it without needing to adapt to it, while supporting those who do need to adapt.

Color

emotions, feelings, and ideas

Be cognizant of color blindness types.

Colors can be combined with unique patterns to help distinguish objects for those with color blindness.

Colors mean different things in different cultures.

Colors can be combined with unique patterns to help distinguish objects for those with color blindness.

Bright colors can be uncomfortable and unsettling for some users.

Poor color contrast can make it harder for those with low vision. Follow WCAG AA or AAA contrast.

Source: SMASHING MAGAZINE

Typography

flexible fonts

Font sizes must be as responsive as the design itself.

Large text size, short long lengths, tall line height, increased letterspacing.

Average line length should be between 45-90 characters (including spaces and punctuation).

All caps, small, and italicized text are difficult to read.

Source: SMASHING MAGAZINE

Imagery

visual context

Conveys a specific meaning/feeling.

Gives added context to the text.

Add alt text for screen readers if it’s in a digital format. (If text is in the image, repeat the it in the alt text.)

Source: SMASHING MAGAZINE