I Love You But

I Don't Need You

the use of color in accessible design

@LetaCodes

Leta Keane

@LetaCodes

land

acknow

ledge

ment

@LetaCodes

@LetaCodes

@LetaCodes

EYE: TONY GRAHAM/GETTY IMAGES, ADAPTED BY J. HIRSHFELD; WEBVISION.MED.UTAH.EDU, ADAPTED BY J. HIRSHFELD

vision

trichromatic color vision

protanopia/Protanomaly

deuteranopia/deuteranomaly

tritanopia/tritanomaly

Achromatopsia/achromatomaly

🦜@LetaCodes

Vision

🦜@LetaCodes

🦜@LetaCodes

🦜@LetaCodes

🦜@LetaCodes

🦜@LetaCodes

🦜@LetaCodes

🦜@LetaCodes

🦜@LetaCodes

🎨

🦜@LetaCodes

🐢🎨

🦜@LetaCodes

so how do you build color-accessible apps?

🦜@LetaCodes

Avoid palettes of similar brightness

🙅‍♀️

🦜@LetaCodes

Avoid palettes of similar brightness

🙅‍♀️

🦜@LetaCodes

Change it up!

🦜@LetaCodes

Change it up!

🦜@LetaCodes

Start with Semantics;
Add color l a t e r

🦜@LetaCodes

Never rely solely on
color to communicate something

🦜@LetaCodes

🦜@LetaCodes

Use good contrast for text

🦜@LetaCodes

especially when
you're using a photo background

🦜@LetaCodes

especially when
you're using a photo background

Label
stuff

🦜@LetaCodes

Label
stuff

🦜@LetaCodes

Label
stuff

🦜@LetaCodes

🦜@LetaCodes

USE YOUR tools

🦜@LetaCodes

YOU GOT THIS!

that person from the thing .com

Leta Keane

leta@turing.io
@LetaCodes