Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
MaptimeMSP: Tools - Color Accessibility
Search
Kitty Hurley
March 18, 2015
1
110
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
420
Featured
See All Featured
Become a Pro
speakerdeck
PRO
25
5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
A Philosophy of Restraint
colly
203
16k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
How to train your dragon (web standard)
notwaldorf
88
5.7k
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?