Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
MaptimeMSP: Tools - Color Accessibility
Kitty Hurley
March 18, 2015
1
93
MaptimeMSP: Tools - Color Accessibility
From the March 18, 2015 Maptime MSP presentation touching on color accessibility.
Kitty Hurley
March 18, 2015
Tweet
Share
More Decks by Kitty Hurley
See All by Kitty Hurley
NACIS 2015: Starting Conversations for More Accessible Maps
geospatialem
0
280
Featured
See All Featured
What's new in Ruby 2.0
geeforr
336
30k
Music & Morning Musume
bryan
36
4.6k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Typedesign – Prime Four
hannesfritz
34
1.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
54k
Product Roadmaps are Hard
iamctodd
38
7.7k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
4 Signs Your Business is Dying
shpigford
171
20k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
22
42k
A designer walks into a library…
pauljervisheath
198
16k
Docker and Python
trallard
30
1.9k
Transcript
Tools for Making Maps: Color Accessibility Kitty Hurley, GISP
“In visual perception a color is almost never see as
it really is… This fact makes color the most relative medium in art.” -Josef Albers, Interaction of Color, 1963
Colorblindness Color blindness very rarely means that you can’t see
any color at all, or that people see things in greyscale.
Colorblindness Color blindness very rarely means that you can’t see
any color at all, or that people see things in greyscale. It is actually a decreased ability to see color, or a decreased ability to tell colors apart from one another.
What does it look like?
What does it look like? (Red-Green)*
What does it look like? (Red-Green) (Red-Green)*
What does it look like? (Red-Green) (Red-Green)* (Blue-Yellow)
• Don’t rely on color coding alone. • Pay attention
to contrast. • Check with a [color] simulator. • User testing. But… what can I do?
Simu… what?
None
None
None
None
None
None
Color Accessibility Tools Color Accessibility Tools • Color Oracle: http://colororacle.org
• Color Brewer: http://colorbrewer2.org Web Safe & Contrast Tools • Tanaguru Contrast-Finder: http://contrast-finder.tanaguru.com • Colorable: http://jxnblk.com/colorable • Color Transformations: http://safecolours.rigdenage.com/colours1.html
Thank you! Comments? Questions?