Don't rely on color alone to convey meaning

1
Don't rely on color alone to convey meaning

• (WCAG 2)

2
(No Transcript)
3
(No Transcript)
4
(No Transcript)
5
(No Transcript)
6
(No Transcript)
7
(No Transcript)
8
Colorblind Test
9
Protanopia (red/green)
10
Deutanopia (green/red)
11
Tritanopia (blue/yellow)
12
Achromatopsia (no color)
13
The Guideline

• Color is not viewed by everyone the same
  way--some people cannot differentiate between
  green and red, others cannot see any color at
  all, and some cannot even see.
• It is necessary to use more than just color as a
  visual cue in order to convey messages clearly to
  all users.

14
Helpful Tips to Implement

• Use contrasting backgrounds and foregrounds.
  (Otherwise its hard to read)
• Images where color plays a role conveying special
  meaning should have a text alternative.
• Use correct markup.
• If something is a required field, use more than
  just color to convey that
• If color is being used for emphasis, use ltemgt
  tags as well

15
More Helpful Tips

• Design with colorblind users in mind
• There are various tools you can use in order to
  check your website against the various forms of
  color blindness.
• Colorfilter.wickline.org offers a free filter
  that can show different websites according to how
  theyre seen with different levels of color
  blindness.